<!DOCTYPE html>
<!-- saved from url=(0024)http://denglin.mysxl.cn/ -->
<html itemscope="" itemtype="http://schema.org/WebPage" lang="zh-CN" xmlns:fb="https://www.facebook.com/2008/fbml"
      xmlns:og="http://ogp.me/ns#" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>新视点</title>

    <meta content="width=device-width,initial-scale=1.0,user-scalable=yes,minimum-scale=1.0,maximum-scale=3.0"
          id="viewport" name="viewport">
    <meta content="#ffffff" name="theme-color">

    <link rel="stylesheet" media="screen"
          href="nvp/_reset-e86dc20205eb267eb1803edb4281063d0db8db4dde3345771532819dae916332.css" ref="preload"
          as="style" onload="if(media!==&#39;screen&#39;)media=&#39;screen&#39;">
    <link rel="stylesheet" media="screen" href="nvp/css">
    <link rel="stylesheet" media="screen" href="nvp/main_v4.e3b813acecd43d8e64cf.bundle.css" ref="preload"
          as="style" onload="if(media!==&#39;screen&#39;)media=&#39;screen&#39;">
    <meta name="strikingly-host-suffix" content="sxl.cn">
    <meta name="support-helper" content="{&quot;permalink&quot;:&quot;denglin&quot;,&quot;id&quot;:10970596}">
    <script type="text/javascript" async="" src="nvp/keen.min.js"></script>
    <script async="" src="nvp/analytics.js"></script>
    <script>
        var _strk = _strk || []
        _strk.push = function (arg1, arg2) {
            var _arrayPush = Array.prototype.push.bind(this)
            if (typeof arg1 === 'string' && typeof arg2 === 'function') {
                // Support _strk.push(event, fn) for better UX
                _arrayPush([arg1, arg2])
            } else {
                _arrayPush.apply(this, arguments)
            }
        }
        window.runAfterDomBinding = {
            add: function (name, fn) {
                _strk.push(['Page.didMount', fn])
            }
        }
    </script>
    <script>
        (function () {
            window.$B || (window.$B = {});

        }).call(this);
    </script>
    <script src="nvp/detectIE-c385c24313ef0e9e4e7a1e131bf5e59f0fbd468f9f9ef44fd6739ae84ef0c0a4.js"
            async="async"></script>

    <style type="text/css" data-emotion=""></style>
    <style type="text/css">.stripe-form .header {
        padding: 20px 30px;
        color: #a9aeb2;
        background: #EBEDEF;
        font-weight: bold;
        font-size: 14px;
        border-bottom: 1px solid #ddd;
    }

    .stripe-form .header .close {
        float: right;
        font-size: 30px;
        font-weight: normal;
        position: relative;
        top: -9px;
        cursor: pointer;
    }

    .stripe-form .form-body {
        padding: 30px;
    }

    .stripe-form .form-body .title {
        margin-bottom: 20px;
    }

    .stripe-form .form-body .s-form-field input,
    .stripe-form .form-body .s-form-field .s-btn {
        width: 100%;
        box-sizing: border-box;
    }

    .stripe-form .form-body .s-form-field .entypo-mail {
        position: absolute;
        left: 8px;
        top: 9px;
        font-size: 24px;
        color: #c6c9cd;
    }

    .stripe-form .form-body .s-form-field input {
        font-size: 16px;
        padding: 6px 8px;
        padding-left: 40px;
    }

    .stripe-form .form-body .s-form-field .s-btn {
        margin-top: 25px;
        font-size: 18px;
        text-transform: none;
        padding: 11px 15px;
    }

    .stripe-form .error-message {
        color: #E64751;
        margin-top: 10px;
        line-height: 1.2;
    }

    .stripe-form .card-element {
        border: 1px solid #c6c9cd;
        padding: 6px 8px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        height: 28px;
        display: flex;
        align-items: center;
    }

    .stripe-form .card-element.error {
        border: 1px solid #E64751;
    }

    .stripe-form .card-element .__PrivateStripeElement {
        width: 100%;
    }
    </style>
    <style type="text/css">.membership-nav-container {
        display: inline-block;
    }

    .membership-nav-container .s-nav-li > .s-nav-link-container > a {
        white-space: normal;
    }

    .membership-nav-container .s-nav-li .nav-item .s-nav-dropdown ul li a {
        white-space: normal !important;
        line-height: 20px;
    }
    </style>
    <style type="text/css">@font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_bld-webfont.2bf5f4d8928806f7c91c290b5814aff9.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_bld-webfont.70c7d99488f7e8cf27634e9c58bf6217.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_bld-webfont.44a3e64aa120d1b7964f10be29ad878b.svg#BrandonGrotesqueBoldRegular) format('svg');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_reg-webfont.64088d528192c8fce171860f56a14a9f.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_reg-webfont.04206b825348a69ee85b523c1e67a70f.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_reg-webfont.348bd0ea620c7861d0c3ac028ba911ed.svg#BrandonGrotesqueRegularRg) format('svg');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_light-webfont.90829ddb7531a53c1dcd670d545999d2.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_light-webfont.2c18926b679dfb8abff6fc13c2b8beeb.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_light-webfont.518c0c41a5141b2e59732f43d9b70575.svg#BrandonGrotesqueLight) format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_med-webfont.43b22b68b4b50438a8c9d5ed49507204.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_med-webfont.b2cf0cf708268a04055c5d8545d811a4.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_med-webfont.785c578a01a0d60f61ad665fe481306d.svg#BrandonGrotesqueMedium) format('svg');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Bold-webfont.2e90d5152ce92858b62ba053c7b9d2cb.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Bold-webfont.76cc6be5d8a231dc012fef4bdb86f79c.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Bold-webfont.93349923b5274a36ac93cb3168d09123.svg#open_sansbold) format('svg');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-BoldItalic-webfont.7657144ec477cd61ac4a5d1af3fa2d28.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-BoldItalic-webfont.b6690626036a7d6824632769305b1978.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-BoldItalic-webfont.2b4eeeaef53b3496a5cdf82803666ed7.svg#open_sansbold_italic) format('svg');
        font-weight: 700;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Italic-webfont.f42641eed834f7b97a9499362c6c8855.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Italic-webfont.de7ef31e6295902347c5c3643b2d82da.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Italic-webfont.5b774c25787e0a52c013463c9e3c4219.svg#open_sansitalic) format('svg');
        font-weight: 400;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Light-webfont.45b47f3e9c7d74b80f5c6e0a3c513b23.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Light-webfont.2e98fc3ce85f31f63010b706259cb604.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Light-webfont.8f04ed9aeb2185499068d84842b95aa1.svg#open_sanslight) format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-LightItalic-webfont.b553da506077488bc65289e10841d527.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-LightItalic-webfont.1d22953c479914c2f801e08de666b0e8.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-LightItalic-webfont.fd6dd5fa10c5a74f0a767eeb695342f1.svg#open_sanslight_italic) format('svg');
        font-weight: 300;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Regular-webfont.79515ad0788973c533405f7012dfeccd.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Regular-webfont.488d5cc145299ba07b75495100419ee6.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Regular-webfont.8185eb3059c46e4169ce107dfcf85950.svg#open_sansregular) format('svg');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Semibold-webfont.697574b47bcfdd2c45e3e63c7380dd67.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Semibold-webfont.b32acea6fd3c228b5059042c7ad21c55.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg#open_sanssemibold) format('svg');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-SemiboldItalic-webfont.719f7321a8366f4ee609737026432113.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-SemiboldItalic-webfont.64f886b232962979e2eaf29d93108286.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/OpenSans-SemiboldItalic-webfont.70eb93d7ba2ad241180085a9a74b0b95.svg#open_sanssemibold_italic) format('svg');
        font-weight: 600;
        font-style: italic;
    }

    .s-dialog-form .s-kit-modal-close {
        right: 22px;
    }

    .s-dialog-form .form-title {
        color: #4b5056;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 20px;
        font-family: 'brandon', sans-serif;
    }

    .s-dialog-form .form-title:lang(ja) {
        font-family: 'brandon', "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
    }

    .s-dialog-form .form-title:lang(zh-cn),
    .s-dialog-form .form-title:lang(zh),
    .s-dialog-form .form-title:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", STXihei, "\534E\6587\7EC6\9ED1", sans-serif;
    }

    .s-dialog-form .form-title:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "\5FAE\8EDF\6B63\9ED1\9AD4", STXihei, sans-serif;
    }

    .membership-dialog {
        text-align: left;
        border-radius: 4px;
    }

    .membership-dialog .s-kit-modal-close {
        right: 22px;
    }

    .membership-dialog .mobile-dialog-style {
        flex-direction: column;
    }

    .membership-dialog .mobile-dialog-style,
    .membership-dialog .mobile-dialog-style > div {
        width: 100%;
    }

    .membership-dialog .mobile-dialog-style .left {
        max-height: 240px;
        margin-bottom: 20px;
    }

    .membership-dialog .s-dialog-form .content {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        width: 710px;
    }

    .membership-dialog .s-dialog-form .content.free_register:not(.slimed),
    .membership-dialog .s-dialog-form .content.free_register:not(.slimed) > div {
        width: 100%;
    }

    .membership-dialog .s-dialog-form .content.free_register:not(.slimed) .left {
        display: none;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card {
        min-height: 50px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card {
        min-height: 20px;
        border: 0px;
        padding: 10px 0 0 0;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card .s-kit-radio-wrapper .s-kit-radio-input {
        width: 14px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card .plan-price {
        font-weight: normal;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-radio-card {
        border-radius: 0;
        border-bottom-width: 0;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group > div:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group > div:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-width: 1px;
    }

    .membership-dialog .s-dialog-form .content > div {
        width: 340px;
    }

    .membership-dialog .s-dialog-form .content .left {
        margin-top: 4px;
        max-height: 386px;
        overflow-y: auto;
    }

    .membership-dialog .s-dialog-form .content .left .tier-info .plan-price {
        font-weight: normal;
    }

    .membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content {
        width: 100%;
        overflow-wrap: break-word;
    }

    .membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content .left-card-text {
        flex: 1;
        width: 0;
    }

    .membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content .left-card-text .title {
        width: 100%;
        display: inline-block;
    }

    .membership-dialog .s-dialog-form .content.slimed {
        flex-direction: column;
    }

    .membership-dialog .s-dialog-form .content.slimed,
    .membership-dialog .s-dialog-form .content.slimed > div {
        width: 100%;
    }

    .membership-dialog .s-dialog-form .content.slimed .left {
        max-height: 240px;
        margin-bottom: 20px;
    }

    @media screen and (max-width: 770px) {
        .membership-dialog .s-dialog-form .content {
            flex-direction: column;
        }

        .membership-dialog .s-dialog-form .content,
        .membership-dialog .s-dialog-form .content > div {
            width: 100%;
        }

        .membership-dialog .s-dialog-form .content .left {
            max-height: 240px;
            margin-bottom: 20px;
        }

        .membership-dialog .s-dialog-form .content .plan-price {
            margin-top: 5px;
            display: block;
        }
    }

    .membership-dialog.s-kit-modal {
        min-height: 266px;
    }

    .membership-dialog .error-message {
        margin-bottom: 15px;
        color: #E64751;
    }

    .membership-dialog .s-kit-input {
        width: 100%;
        height: 37px;
        box-sizing: border-box;
    }

    .membership-dialog .s-form-field.paid-membership-radio {
        color: #4b5056;
        display: flex;
        align-items: center;
    }

    .membership-dialog .s-form-field.paid-membership-radio input {
        width: auto;
        margin-right: 10px;
    }

    .membership-dialog .subscriptions-view .form-title {
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .membership-dialog .subscriptions-view .form-title .fa-angle-left {
        font-size: 25px;
        align-self: flex-start;
        margin-right: 10px;
    }

    .membership-dialog .subscriptions-list {
        border: 1px solid #ddd;
    }

    .membership-dialog .subscriptions-list .subscription-item {
        border-bottom: 1px solid #ddd;
        display: flex;
        align-items: flex-start;
        padding: 20px 20px 0;
        flex-wrap: wrap;
    }

    .membership-dialog .subscriptions-list .subscription-item .info {
        flex: 1 1 0%;
        min-width: 200px;
        margin-bottom: 20px;
    }

    @media screen and (max-width: 770px) {
        .membership-dialog .subscriptions-list .subscription-item .info {
            min-width: unset;
            width: 0;
        }
    }

    .membership-dialog .subscriptions-list .subscription-item .name {
        overflow-wrap: break-word;
        font-weight: 600;
    }

    .membership-dialog .subscriptions-list .subscription-item .s-kit-btn {
        flex: 0 0 auto;
        min-width: 140px;
        margin: 0 0 20px;
    }

    .membership-dialog .subscriptions-list .subscription-item:last-child {
        border-bottom: none;
    }

    .membership-dialog .subscriptions-list .subscription-item .s-kit-radio-wrapper {
        display: flex;
        margin-bottom: 10px;
    }

    .membership-dialog .subscriptions-list .subscription-item .s-kit-radio-wrapper .discount-tag {
        margin-left: 5px;
    }

    .membership-dialog .subscriptions-list .subscription-item .subscribe-plans {
        margin-top: 5px;
        line-height: 1;
    }

    .membership-dialog .subscriptions-list .subscription-item .subscribe-plans .sub-text {
        margin-top: 5px;
        color: #c6c9cd;
    }

    @media screen and (min-width: 770px) {
        .membership-dialog .subscriptions-list .mid-gray .s-kit-btn {
            margin-bottom: 0px;
        }
    }

    .membership-dialog.payment .error-message {
        margin-bottom: 0;
    }

    .membership-dialog.payment .s-kit-modal-body {
        padding: 0;
    }

    .membership-dialog.payment .s-kit-modal-close-x {
        display: none;
    }

    .membership-dialog.payment .stripe-form .form-body .s-form-field .entypo-mail {
        top: 0;
    }

    .membership-dialog.payment .stripe-form .form-body .s-form-field .s-btn {
        text-align: center;
    }

    .membership-dialog.payment .stripe-form .header {
        margin-bottom: 0;
    }

    .membership-dialog.payment .stripe-form .form-body .title {
        font-weight: 600;
        text-transform: uppercase;
    }

    .membership-dialog.subscriptions .s-kit-modal-body {
        max-width: 560px;
    }

    .membership-dialog.subscriptions .loading:not(.s-kit-btn) {
        line-height: 200px;
        font-size: 20px;
        text-align: center;
    }

    .membership-dialog.payment_success .s-kit-modal-body {
        max-width: 500px;
        text-align: center;
    }

    .membership-dialog.payment_success .form-title {
        font-weight: 600;
    }

    .membership-dialog.payment_success p {
        margin-bottom: 20px;
        line-height: 1.4;
    }

    .membership-dialog.payment_success .s-kit-btn {
        min-width: 120px;
    }

    .membership-dialog.payment_failure .s-kit-modal-body {
        max-width: 400px;
        text-align: center;
    }

    .membership-dialog.account_info .s-kit-modal-body,
    .membership-dialog.subscriptions .s-kit-modal-body {
        min-height: 350px;
        box-sizing: border-box;
    }

    .membership-dialog .payment-failed .content {
        line-height: 1.4;
        margin: 10px 0 30px;
    }

    .membership-dialog .payment-failed .bottom-buttons .s-kit-btn {
        display: block;
        margin: 10px 0 0 0;
        width: 100%;
    }

    .membership-section-wrapper {
        position: absolute;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        top: 50%;
    }

    .membership-section-wrapper .membership-dialog {
        min-width: 350px;
    }

    .s4-dropdown-list {
        position: absolute !important;
        top: 100% !important;
    }

    .bottom-actions {
        color: #a9aeb2;
        margin-top: 20px;
    }

    .bottom-actions a {
        text-decoration: underline;
        cursor: pointer;
        margin-top: 10px;
        display: block;
    }

    .s-kit-modal-body {
        font-size: 14px !important;
    }

    .s-nav-top-center-item-container .s-membership-nav.s-nav-dropdown.s-navbar-dropdown .s-nav-link-container {
        display: inline-block;
    }

    @media (max-width: 400px) {
        .s-kit-modal {
            min-width: 100% !important;
        }
    }
    </style>
    <style type="text/css">@font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_bld-webfont.2bf5f4d8928806f7c91c290b5814aff9.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_bld-webfont.70c7d99488f7e8cf27634e9c58bf6217.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_bld-webfont.44a3e64aa120d1b7964f10be29ad878b.svg#BrandonGrotesqueBoldRegular) format('svg');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_reg-webfont.64088d528192c8fce171860f56a14a9f.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_reg-webfont.04206b825348a69ee85b523c1e67a70f.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_reg-webfont.348bd0ea620c7861d0c3ac028ba911ed.svg#BrandonGrotesqueRegularRg) format('svg');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_light-webfont.90829ddb7531a53c1dcd670d545999d2.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_light-webfont.2c18926b679dfb8abff6fc13c2b8beeb.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_light-webfont.518c0c41a5141b2e59732f43d9b70575.svg#BrandonGrotesqueLight) format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot);
        src: url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_med-webfont.43b22b68b4b50438a8c9d5ed49507204.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_med-webfont.b2cf0cf708268a04055c5d8545d811a4.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack//fonts/brandon_med-webfont.785c578a01a0d60f61ad665fe481306d.svg#BrandonGrotesqueMedium) format('svg');
        font-weight: 600;
        font-style: normal;
    }

    .member-order-history-dialog .order-detail .header,
    .member-order-history-dialog .order-list .header {
        margin-bottom: 20px;
    }

    .member-order-history-dialog .order-detail .header .fa-angle-left,
    .member-order-history-dialog .order-list .header .fa-angle-left {
        font-size: 1.3em;
        margin-right: 10px;
    }

    .member-order-history-dialog .order-detail .header-text,
    .member-order-history-dialog .order-list .header-text {
        font-size: 18px;
        color: #50555c;
        cursor: pointer;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .member-order-history-dialog .order-detail .header-text:lang(ja),
    .member-order-history-dialog .order-list .header-text:lang(ja) {
        font-family: 'brandon', "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
    }

    .member-order-history-dialog .order-detail .header-text:lang(zh-cn),
    .member-order-history-dialog .order-list .header-text:lang(zh-cn),
    .member-order-history-dialog .order-detail .header-text:lang(zh),
    .member-order-history-dialog .order-list .header-text:lang(zh),
    .member-order-history-dialog .order-detail .header-text:lang(sxl),
    .member-order-history-dialog .order-list .header-text:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", STXihei, "\534E\6587\7EC6\9ED1", sans-serif;
    }

    .member-order-history-dialog .order-detail .header-text:lang(zh-tw),
    .member-order-history-dialog .order-list .header-text:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "\5FAE\8EDF\6B63\9ED1\9AD4", STXihei, sans-serif;
    }

    .member-order-history-dialog .order-detail {
        font-size: 14px;
        color: #52616a;
    }

    .member-order-history-dialog .order-detail .left {
        float: left;
    }

    .member-order-history-dialog .order-detail .right {
        float: right;
    }

    .member-order-history-dialog .order-detail .bold {
        font-weight: 600;
    }

    .member-order-history-dialog .order-detail .bold-700 {
        font-weight: 700;
    }

    .member-order-history-dialog .order-detail .normal-title {
        font-size: 16px;
        font-weight: 600;
        color: #52616a;
        margin-bottom: 10px;
        margin-right: 10px;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .member-order-history-dialog .order-detail .normal-title:lang(ja) {
        font-family: 'brandon', "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
    }

    .member-order-history-dialog .order-detail .normal-title:lang(zh-cn),
    .member-order-history-dialog .order-detail .normal-title:lang(zh),
    .member-order-history-dialog .order-detail .normal-title:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", STXihei, "\534E\6587\7EC6\9ED1", sans-serif;
    }

    .member-order-history-dialog .order-detail .normal-title:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "\5FAE\8EDF\6B63\9ED1\9AD4", STXihei, sans-serif;
    }

    .member-order-history-dialog .order-detail .normal-text {
        line-height: 1.4;
        font-size: 14px;
        color: #636972;
    }

    .member-order-history-dialog .order-detail .normal-text.small {
        line-height: 20px;
    }

    .member-order-history-dialog .order-detail .normal-text.light {
        font-weight: 300;
    }

    .member-order-history-dialog .order-detail .fa.l-m {
        margin-left: 5px;
    }

    .member-order-history-dialog .order-detail .fa.r-m {
        margin-right: 5px;
    }

    .member-order-history-dialog .order-detail .row-section {
        margin: 25px auto;
    }

    .member-order-history-dialog .order-detail .row-section:first-child,
    .member-order-history-dialog .order-detail .row-section:first-of-type {
        margin-top: 0;
    }

    .member-order-history-dialog .order-detail .row-section:last-child,
    .member-order-history-dialog .order-detail .row-section:last-of-type {
        margin-bottom: 0;
    }

    .member-order-history-dialog .order-detail .row-section .s-box {
        padding: 12px 16px;
        line-height: 18px;
    }

    .member-order-history-dialog .order-detail .row-section .s-box .fa {
        margin-right: 5px;
    }

    .member-order-history-dialog .order-detail .row-section .s-box.white {
        background: #fff;
        border-radius: 4px;
        border: 1px solid #ddd;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper {
        border: 1px solid #ddd;
        border-radius: 4px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list {
        width: 100% !important;
        text-align: left;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list th {
        background: #f6f6f6;
        padding: 10px 5px;
        font-weight: 600;
        white-space: nowrap;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td {
        padding: 0 5px 10px 5px;
        vertical-align: top;
        line-height: 1.25;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.calculation-label {
        text-align: right;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.product-name {
        min-width: 200px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.product-name .discount {
        display: block;
        color: #38b2a1;
        margin: 10px 0;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .shipping-icon {
        margin-right: 4px;
        vertical-align: middle;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .bank-icon {
        height: auto;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .total-price-value {
        vertical-align: middle;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag {
        vertical-align: middle;
        font-family: 'brandon', sans-serif;
        padding: 1px 3px 1px;
        color: #a9aeb2 !important;
        border: 1px solid #a9aeb2;
        font-size: 10px !important;
        font-weight: bold;
        line-height: 1.25;
        border-radius: 3px;
        text-transform: uppercase;
        font-style: normal !important;
        margin-left: 5px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(ja) {
        font-family: 'brandon', "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh-cn),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", STXihei, "\534E\6587\7EC6\9ED1", sans-serif;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "\5FAE\8EDF\6B63\9ED1\9AD4", STXihei, sans-serif;
    }

    @media only screen and (max-width: 727px) {
        .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price {
            white-space: normal;
        }
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.title-row th {
        border-bottom: 1px solid #ddd;
        color: #52616a;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td {
        padding: 15px 5px 10px;
        border-top: 1px solid #ddd;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold {
        font-family: 'brandon', sans-serif;
        font-weight: 700;
        padding-left: 20px;
        text-align: right;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(ja) {
        font-family: 'brandon', "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh-cn),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", STXihei, "\534E\6587\7EC6\9ED1", sans-serif;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "\5FAE\8EDF\6B63\9ED1\9AD4", STXihei, sans-serif;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td img {
        height: 20px;
        vertical-align: middle;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td .bank-icon {
        height: auto;
        margin-right: 4px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.total-row td {
        padding: 0 5px 15px;
        font-size: 16px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.first-data-row td {
        padding-top: 15px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-data-row td {
        padding-bottom: 15px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr th.first,
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr td.first {
        padding-left: 15px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr th.last,
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr td.last {
        padding-right: 15px;
    }

    .member-order-history-dialog .order-detail .shipping-info,
    .member-order-history-dialog .order-detail .order-transactions {
        box-sizing: border-box;
    }

    @media only screen and (min-width: 728px) {
        .member-order-history-dialog .order-detail .shipping-info,
        .member-order-history-dialog .order-detail .order-transactions {
            width: 48%;
        }
    }

    .member-order-history-dialog .order-detail .shipping-info .notes span,
    .member-order-history-dialog .order-detail .order-transactions .notes span {
        font-weight: 400;
        word-wrap: break-word;
    }

    @media only screen and (min-width: 728px) {
        .member-order-history-dialog .order-detail .shipping-info {
            float: left;
        }
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box {
        min-height: 120px;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .info-label,
    .member-order-history-dialog .order-detail .shipping-info .s-box .info-content {
        display: inline-block;
        margin-bottom: 12px;
        vertical-align: top;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .info-label {
        min-width: 100px;
        color: #a9aeb2;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .info-content {
        max-width: 250px;
        white-space: normal;
    }

    .member-order-history-dialog .order-detail .order-transactions .s-box {
        padding: 0;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item {
        padding: 15px;
        border-top: 1px solid #ddd;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item:first-child {
        border-top: none;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .basic-info {
        overflow: hidden;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .basic-info .item-date {
        color: #a9aeb2;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .extra-info {
        margin-top: 5px;
        color: #a9aeb2;
        overflow: hidden;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .extra-info .ib {
        max-width: 100%;
        word-wrap: break-word;
    }

    .member-order-history-dialog .order-list {
        margin-bottom: 40px;
    }

    .member-order-history-dialog .order-list .s-kit-table-row {
        cursor: pointer;
    }

    .member-order-history-dialog .order-list .s-kit-table-thead > tr > th {
        padding-right: 40px;
    }

    .member-order-history-dialog .order-list .s-kit-table-thead > tr > th:last-child {
        padding-right: initial;
    }

    .member-order-history-dialog .order-list .fa-angle-right {
        font-size: 1.4em;
    }
    </style>
    <style type="text/css">.s-component-editor-inner.common-editor .s-component-content img {
        margin: 0px auto;
        border-radius: 3px;
        max-width: 98%;
        display: block;
        padding-top: 10px 0;
    }

    .s-component-editor-inner.common-editor .s-component-content p {
        margin: 0.5em 0;
        line-height: 1.4;
    }

    .s-component-editor-inner.common-editor .s-component-content em {
        font-style: italic;
        font-weight: inherit;
    }

    .s-component-editor-inner.common-editor .s-component-content strong {
        font-style: inherit;
    }

    .s-component-editor-inner.common-editor .s-component-content ol {
        margin: 0.5em 0;
        padding: 0 20px;
        list-style-type: decimal;
    }

    .s-component-editor-inner.common-editor .s-component-content ul {
        margin: 0.5em 0;
        padding: 0 20px;
        list-style-type: disc;
    }

    .s-component-editor-inner.common-editor .s-component-content li {
        line-height: 1.4;
    }

    @media only screen and (max-width: 500px) {
        .s-kit-modal-body {
            max-height: 74vh;
            overflow: auto;
        }

        .popups-dialog.s-email-form.modify-the-position .s-kit-modal-content .s-kit-modal-close {
            top: -40px;
            right: 0;
        }

        .s-kit-modal.popups-dialog {
            position: fixed;
            top: 40px;
            left: 0;
            min-width: 100%;
            margin: 0;
        }
    }

    .popups-dialog.s-email-form.modify-the-position .s-kit-modal-content {
        overflow: visible;
    }

    .popups-dialog.s-email-form.modify-the-position .s-kit-modal-close {
        top: 0;
        right: -40px;
        color: rgba(255, 255, 255, 0.75);
    }

    .popups-dialog.s-email-form .s-kit-modal-body {
        padding: 0;
    }

    .popups-dialog.s-email-form .s-kit-modal-content {
        width: 100%;
    }

    .popups-dialog.s-email-form .s-kit-modal-close {
        top: 7px;
        right: 6px;
    }

    .popups-dialog.s-email-form .submit-result-container {
        padding: 40px;
    }

    .popups-dialog.s-email-form .submit-result-container .title {
        margin-bottom: 40px;
        box-sizing: border-box;
        text-align: center;
    }

    .popups-dialog.s-email-form .submit-result-container .s-email-form-button {
        box-sizing: border-box;
        width: 100%;
        padding: 9px 9px;
        font-size: 14px;
        min-height: 36px;
        line-height: 18px;
        letter-spacing: 1.5px;
        text-align: center;
        border-radius: 4px;
        cursor: pointer;
        font-weight: bold;
        text-transform: uppercase;
    }
    </style>
    <style type="text/css">.empty-cart-dialog-wrapper {
        background: transparent;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-body {
        padding: 0;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-content {
        height: 100%;
        width: 400px;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-close {
        top: 20px;
        right: 20px;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-close .s-kit-modal-close-x {
        font-size: 32px;
        font-weight: 300;
    }

    .empty-cart-dialog-wrapper .empty-cart-container {
        text-align: center;
        margin: 0 auto;
    }

    .empty-cart-dialog-wrapper .empty-cart-container .label {
        margin-top: 50px;
        color: #2f2f2f;
        font-size: 20px;
        font-weight: bold;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .empty-cart-dialog-wrapper .empty-cart-container .continue-btn {
        width: 240px;
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 4px;
        margin: 20px 0 50px 0;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    @media screen and (max-width: 560px) {
        .empty-cart-dialog-wrapper .s-kit-modal-content {
            width: 90%;
            margin: 0 auto;
        }

        .empty-cart-dialog-wrapper .empty-cart-container .label {
            font-size: 18px;
        }

        .empty-cart-dialog-wrapper .empty-cart-container .continue-btn {
            width: 200px;
            font-size: 14px;
        }
    }
    </style>
    <style type="text/css">.WeChat-qr-code-dialog-wrapper {
        background: transparent;
    }

    .WeChat-qr-code-container {
        width: 560px;
        margin: 0 auto;
    }

    .WeChat-qr-code-container .title {
        margin-bottom: 16px;
        font-size: 16px;
        font-weight: 700;
        color: #525A61;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .WeChat-qr-code-container .qr-code-panel {
        text-align: center;
        padding: 50px 0;
    }

    .WeChat-qr-code-container .qr-code-panel canvas {
        width: 180px;
        height: 180px;
        padding: 20px;
        border: 1px solid #EBEDEF;
    }

    .WeChat-qr-code-container .qr-code-panel .price {
        width: 200px;
        margin: -6px auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        font-size: 18px;
        font-weight: 700;
        border-top: none;
        border-radius: 0 0 4px 4px;
        border: 1px solid #EBEDEF;
    }

    .WeChat-qr-code-container .qr-code-panel .WeChat-icon {
        height: 20px;
        margin-right: 5px;
    }

    .WeChat-qr-code-container .payment-hint {
        color: #636972;
        line-height: 1.5;
        text-align: center;
        margin-bottom: 20px;
    }

    .WeChat-qr-code-container .payment-hint.mobile {
        display: none;
    }

    .WeChat-qr-code-container .save-btn {
        display: none;
    }

    @media screen and (max-width: 727px) {
        .WeChat-qr-code-dialog-wrapper {
            overflow: unset;
        }

        .WeChat-qr-code-dialog-wrapper .s-kit-modal-body {
            max-height: 100%;
            padding: 30px 20px;
        }

        .WeChat-qr-code-dialog-wrapper .s-kit-modal-close {
            top: 20px;
            right: 20px;
        }

        .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container {
            width: 100%;
        }

        .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container .payment-hint.mobile {
            display: block;
        }

        .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container .payment-hint.desktop {
            display: none;
        }

        .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container .save-btn {
            display: block;
            height: 36px;
            padding: 0;
            font-size: 16px;
            margin-top: 30px;
            line-height: 36px;
            border-radius: 4px;
            text-align: center;
        }

        .s-kit-modal-content {
            height: 100vh;
        }
    }
    </style>
    <style type="text/css">.cart-item-wrapper {
        margin-bottom: 20px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .cart-item-wrapper .product-info {
        display: flex;
        align-content: center;
    }

    .cart-item-wrapper .product-info .image {
        width: 130px;
        height: 130px;
        border-radius: 4px;
        margin-right: 20px;
        background-size: cover;
        background-position: center;
    }

    .cart-item-wrapper .info-content {
        font-family: open_sans, Open Sans, sans-serif;
    }

    .cart-item-wrapper .info-content .name {
        font-weight: 700;
        font-size: 14px;
        line-height: 1.5;
        color: #4b5056;
    }

    .cart-item-wrapper .info-content .specification-item {
        display: flex;
        align-items: center;
        margin-top: 5px;
        font-size: 14px;
        color: #a9aeb2;
    }

    .cart-item-wrapper .info-content .split-line {
        margin: 0 6px;
    }

    .cart-item-wrapper .info-content .quantity-panel {
        display: flex;
        margin-top: 15px;
        align-items: center;
    }

    .cart-item-wrapper .info-content .operation-item {
        border-radius: 2px;
        color: #4b5056;
        display: inline-flex;
        font-size: 18px;
        background-color: #F4F6F8;
    }

    .cart-item-wrapper .info-content .operation-item .minus-icon,
    .cart-item-wrapper .info-content .operation-item .plus-icon,
    .cart-item-wrapper .info-content .operation-item .delete-icon {
        height: 30px;
        width: 30px;
        cursor: pointer;
        font-weight: 400;
        line-height: 30px;
        text-align: center;
    }

    .cart-item-wrapper .info-content .operation-item .quantity-input {
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0;
        font-size: 15px;
        border-radius: 0;
        text-align: center;
        background-color: #F4F6F8;
    }

    .cart-item-wrapper .info-content .operation-item .quantity-input:focus {
        outline: none;
    }

    .cart-item-wrapper .info-content .error-message {
        color: #FB7D2B;
        line-height: 1.2;
        margin-left: 10px;
    }

    .cart-item-wrapper .product-price {
        font-weight: bold;
        font-size: 16px;
        color: #4b5056;
    }
    </style>
    <style type="text/css">.shopping-cart-wrapper {
        height: 100%;
    }

    .shopping-container .cart-title {
        line-height: 1;
        font-size: 22px;
        font-weight: bold;
        color: #4b5056;
        margin-bottom: 22px;
        padding: 30px 40px 0 40px;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .shopping-container .cart-panel {
        padding-bottom: 40px;
        overflow-y: auto;
    }

    .shopping-container .cart-panel .cart-item-wrapper {
        padding: 0 40px;
    }

    .shopping-footer {
        padding: 20px 0;
        margin: 0 40px;
        background-color: #fff;
        border-top: 1px solid #E2E4E7;
    }

    .shopping-footer .price-panel {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .shopping-footer .variation-panel {
        width: 200px;
        margin-bottom: 10px;
    }

    .shopping-footer .shopping-guide {
        width: 70%;
    }

    .shopping-footer .shopping-guide .shipping-icon {
        margin-top: 2px;
        margin-right: 4px;
    }

    .shopping-footer .shopping-guide .free-shipping {
        display: flex;
        color: #8D949C;
        align-items: center;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .shopping-footer .error-message {
        width: 90%;
        color: #E64751;
        margin-top: 6px;
    }

    .shopping-footer .price-info {
        display: flex;
        align-items: center;
    }

    .shopping-footer .price-info .label {
        margin-right: 16px;
        color: #4b5056;
        text-transform: uppercase;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .shopping-footer .price-info .currency {
        margin-right: 8px;
    }

    .shopping-footer .price-info .amount {
        font-size: 16px;
        color: #2f2f2f;
        font-weight: bold;
    }

    .shopping-footer .terms-checkbox {
        color: #4b5056;
        margin-top: 6px;
    }

    .shopping-footer .terms-checkbox .s-kit-checkbox-wrapper,
    .shopping-footer .terms-checkbox .legal-text {
        display: flex;
        word-break: break-word;
        align-items: flex-start;
    }

    .shopping-footer .terms-checkbox .s-kit-checkbox {
        vertical-align: bottom;
    }

    .shopping-footer .terms-checkbox a span {
        color: #1bb0e6;
    }

    .shopping-footer .terms-checkbox .s-common-link {
        color: #1bb0e6;
        margin: 0 4px;
    }

    .shopping-footer .checkout-buttons {
        width: 100%;
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .shopping-footer .checkout-buttons .pay-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        width: 198px;
        cursor: pointer;
        border-radius: 4px;
        margin-right: 12px;
        border: 2px solid #6D48FD;
    }

    .shopping-footer .checkout-buttons .checkout-btn {
        height: 20px;
        width: 202px;
        margin: 0;
        max-width: 100%;
        padding: 14px 0;
        cursor: pointer;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        border-radius: 4px;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .shopping-footer .checkout-buttons .checkout-btn .fa-spinner {
        color: inherit;
        margin-right: 6px;
    }

    .shopping-footer .checkout-buttons .checkout-btn.disabled {
        cursor: not-allowed;
        border-color: transparent;
        background-color: #E2E4E7;
    }

    @media screen and (max-width: 800px) {
        .shopping-container .cart-title {
            font-size: 18px;
            padding: 30px 20px 0 20px;
        }

        .shopping-container .cart-panel .cart-item-wrapper {
            padding: 0 20px;
            align-items: flex-start;
        }

        .shopping-container .product-info .image {
            width: 92px;
            height: 92px;
            margin-right: 16px;
        }

        .shopping-container .info-content .name {
            font-size: 14px;
            font-weight: 400;
        }

        .shopping-container .info-content .estimated-delivery {
            margin-top: 0;
        }

        .shopping-container .info-content .quantity-operation {
            margin-top: 5px;
        }

        .shopping-container .info-content .minus-icon,
        .shopping-container .info-content .plus-icon {
            width: 24px;
            height: 24px;
            font-size: 14px;
            line-height: 24px;
        }

        .shopping-container .info-content .quantity-input {
            width: 24px;
            height: 24px;
            font-size: 13px;
        }

        .shopping-container .product-price {
            font-size: 14px;
            font-weight: 400;
        }

        .shopping-footer {
            position: fixed;
            bottom: 0;
            left: 0;
            margin: 0 20px;
            width: -webkit-fill-available;
        }

        .shopping-footer .price-panel {
            display: flex;
            flex-wrap: wrap;
            text-align: start;
            align-items: flex-end;
            justify-content: flex-end;
            flex-direction: column-reverse;
        }

        .shopping-footer .price-panel .price-info {
            justify-content: flex-end;
        }

        .shopping-footer .price-panel .s-kit-checkbox-wrapper {
            display: flex;
            align-items: flex-start;
        }

        .shopping-footer .price-panel .terms-checkbox .legal-text {
            line-height: 1.2;
            display: inline-block;
        }

        .shopping-footer .price-panel .terms-checkbox .legal-text * {
            display: inline;
        }

        .shopping-footer .shopping-guide {
            width: 100%;
        }

        .shopping-footer .error-message {
            width: 100%;
            text-align: left;
        }

        .shopping-footer .checkout-buttons {
            flex-wrap: wrap;
        }

        .shopping-footer .checkout-buttons .stripe-payment-btn {
            width: 100%;
            margin-bottom: 10px;
        }

        .shopping-footer .checkout-buttons div,
        .shopping-footer .checkout-buttons .checkout-btn {
            width: 100%;
            max-width: 100%;
        }
    }
    </style>
    <style type="text/css">.input-field input {
        height: 42px;
        width: 100%;
    }

    .input-field .s-kit-input {
        box-shadow: none;
    }
    </style>
    <style type="text/css"></style>
    <style type="text/css">.contact-info-panel {
        margin-bottom: 40px;
    }

    .contact-info-panel .contact-form .continue-btn {
        border-radius: 4px;
    }
    </style>
    <style type="text/css">.shipping-options-panel .shipping-list .title {
        font-size: 14px;
        margin-bottom: 10px;
        color: #4b5056;
    }

    .shipping-options-panel .shipping-list .s-kit-basic-card {
        border-top: 0px;
        border-radius: 0px;
    }

    .shipping-options-panel .shipping-list .s-kit-basic-card:first-child {
        border-top: 1px solid #E2E4E7;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .shipping-options-panel .shipping-list .s-kit-basic-card:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    </style>
    <style type="text/css">.shipping-info-panel,
    .contact-info-panel {
        margin-bottom: 40px;
    }

    .shipping-info-panel .name-field,
    .contact-info-panel .name-field {
        justify-content: space-between;
    }

    .shipping-info-panel .name-field .input-field,
    .contact-info-panel .name-field .input-field {
        width: 49%;
    }

    .shipping-info-panel .name-field .chinese-name,
    .contact-info-panel .name-field .chinese-name {
        width: 100%;
    }

    .shipping-info-panel .mobile-field,
    .contact-info-panel .mobile-field {
        display: none;
    }

    .shipping-info-panel .province-field,
    .contact-info-panel .province-field {
        justify-content: space-between;
    }

    .shipping-info-panel .province-field .province-select-section,
    .contact-info-panel .province-field .province-select-section {
        width: 32%;
    }

    .shipping-info-panel .province-field .input-field,
    .contact-info-panel .province-field .input-field {
        width: 32%;
    }

    .shipping-info-panel .full-width-zip,
    .contact-info-panel .full-width-zip {
        width: 100%;
    }

    @media screen and (max-width: 980px) {
        .shipping-info-panel .mobile-field {
            display: block;
        }

        .shipping-info-panel .desktop-field .desktop-state {
            display: none;
        }

        .shipping-info-panel .desktop-field .input-field {
            width: 49%;
        }
    }
    </style>
    <style type="text/css">.fee-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        line-height: 1.2;
        margin-top: 6px;
        color: #4b5056;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .fee-item .name,
    .fee-item .amount {
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .fee-item .value {
        margin-left: 6px;
        font-weight: 700;
    }

    .fee-item .label {
        margin-left: 6px;
    }
    </style>
    <style type="text/css">.coupon-panel {
        font-size: 14px;
        color: #4b5056;
    }

    .coupon-panel .guide-item {
        display: flex;
        align-items: center;
    }

    .coupon-panel .guide-item .icon {
        margin-right: 4px;
    }

    .coupon-panel .guide-item .label {
        cursor: pointer;
        text-decoration: underline;
    }

    .coupon-panel .redemption-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .coupon-panel .redemption-item .coupon-input {
        width: 100%;
        height: 42px;
        margin-right: 10px;
    }

    .coupon-panel .redemption-item .apply-btn {
        margin: 0;
        padding: 0;
        height: 42px;
        width: 100px;
        font-size: 16px;
        line-height: 42px;
        border-radius: 4px;
        text-align: center;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .coupon-panel .redemption-item .apply-btn .fa-spinner {
        color: #fff;
    }

    .coupon-panel .coupon-info {
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #4b5056;
    }

    .coupon-panel .coupon-info .discount {
        margin: 0 4px 0 8px;
    }

    .coupon-panel .coupon-info .delete-coupon {
        cursor: pointer;
        font-size: 23px;
        color: #a9aeb2;
    }
    </style>
    <style type="text/css">.product-item-wrapper {
        margin-bottom: 20px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .product-item-wrapper .product-info {
        display: flex;
        align-content: center;
    }

    .product-item-wrapper .product-info .image {
        width: 86px;
        height: 86px;
        border-radius: 4px;
        margin-right: 20px;
        background-size: cover;
        background-position: center;
    }

    .product-item-wrapper .product-content {
        font-family: open_sans, Open Sans, sans-serif;
    }

    .product-item-wrapper .product-content .name {
        font-size: 14px;
        line-height: 1.2;
        color: #4b5056;
    }

    .product-item-wrapper .product-content .specification-item {
        display: flex;
        align-items: center;
        margin-top: 5px;
        font-size: 14px;
    }

    .product-item-wrapper .product-content .variation-name {
        margin-right: 10px;
        color: #4b5056;
    }

    .product-item-wrapper .product-content .estimated-delivery {
        color: #a9aeb2;
    }

    .product-item-wrapper .product-price {
        font-size: 14px;
        color: #4b5056;
    }

    .product-item-wrapper .product-price .quantity {
        text-align: right;
        color: #a9aeb2;
    }
    </style>
    <style type="text/css">.order-overview-panel {
        overflow-y: hidden;
        padding: 30px 36px;
    }

    .order-overview-panel .overview-container .product-panel {
        overflow-y: auto;
        margin-top: 20px;
    }

    .order-overview-panel .footer {
        padding-top: 20px;
        border-top: 1px solid #E2E4E7;
    }

    .order-overview-panel .fee-detail {
        margin: 14px 0;
    }

    .order-overview-panel .fee-detail .tax-include .name,
    .order-overview-panel .fee-detail .tax-include .amount {
        color: #a9aeb2;
    }

    .order-overview-panel .sub-total {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        padding-top: 16px;
        font-weight: bold;
        color: #4b5056;
        font-family: 'brandon', sans-serif;
        border-top: 1px solid #E2E4E7;
    }

    .order-overview-panel .sub-total .label {
        font-weight: bold;
        text-transform: uppercase;
    }

    .order-overview-panel .sub-total .amount {
        margin-left: 6px;
    }
    </style>
    <style type="text/css">.payment-method-panel .payment-list {
        margin-bottom: 10px;
    }

    .payment-method-panel .payment-list .payment-item {
        color: #636972;
        padding: 20px;
        border-radius: 4px;
        box-sizing: border-box;
        background-color: #fff;
        display: flex;
        align-items: center;
        border: 1px solid #E2E4E7;
        border-top: 0px;
        border-radius: 0px;
    }

    .payment-method-panel .payment-list .payment-item.offline .s-kit-radio-wrapper {
        align-items: flex-start;
    }

    .payment-method-panel .payment-list .payment-item:first-child {
        border-top: 1px solid #E2E4E7;
        border-radius: 4px 4px 0px 0px;
    }

    .payment-method-panel .payment-list .payment-item:last-child {
        border-radius: 0px 0px 4px 4px;
    }

    .payment-method-panel .payment-list .s-kit-radio-wrapper,
    .payment-method-panel .payment-list .payment-container {
        display: flex;
        align-items: center;
    }

    .payment-method-panel .payment-list .title {
        font-size: 16px;
        font-weight: 700;
        margin-right: 6px;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .payment-method-panel .payment-list .sub-text {
        font-size: 14px;
        margin-top: 6px;
        font-weight: 400;
        color: #a9aeb2;
    }

    .payment-method-panel .payment-list .logo {
        height: 30px;
        width: auto;
    }

    .payment-method-panel .payment-list .logo.wechatpay,
    .payment-method-panel .payment-list .logo.pingppWxPubQr {
        height: 26px;
    }

    .payment-method-panel .continue-btn .entypo-credit-card {
        color: inherit;
        margin-right: 6px;
    }

    .payment-method-panel .pay-pal-guide-line,
    .payment-method-panel .cancel-warning {
        font-size: 14px;
        margin-bottom: 10px;
        color: #a9aeb2;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .payment-method-panel .pay-pal-guide-line .cancel,
    .payment-method-panel .cancel-warning .cancel {
        color: #1bb0e6;
        margin-left: 6px;
    }

    .payment-method-panel .cancel-warning {
        cursor: pointer;
        margin-top: 20px;
        text-align: center;
    }

    .payment-method-panel .selected-payment-panel .title {
        font-size: 16px;
        font-weight: 700;
        margin-right: 6px;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .payment-method-panel .selected-payment-panel .sub-text {
        font-size: 14px;
        margin-top: 6px;
        font-weight: 400;
        color: #a9aeb2;
    }

    .payment-method-panel .selected-payment-panel .logo {
        height: 30px;
        width: auto;
    }

    @media screen and (max-width: 980px) {
        .payment-method-panel .payment-item .logo.stripe {
            height: 22px;
        }
    }
    </style>
    <style type="text/css">.checkout-payment-wrapper {
        height: 100vh;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .checkout-payment-wrapper .info-item {
        display: flex;
    }

    .checkout-payment-wrapper .info-item .info-text {
        width: 50%;
    }

    .checkout-payment-wrapper .info-text {
        font-size: 14px;
        color: #a9aeb2;
    }

    .checkout-payment-wrapper .form-field {
        margin-bottom: 12px;
    }

    .checkout-payment-wrapper .form-field .Select-control {
        box-shadow: none;
    }

    .checkout-payment-wrapper .field-item {
        display: flex;
        align-items: flex-start;
    }

    .checkout-payment-wrapper .title-panel {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
    }

    .checkout-payment-wrapper .title-panel .edit {
        cursor: pointer;
        margin-left: 12px;
        color: #a9aeb2;
        text-decoration: underline;
    }

    .checkout-payment-wrapper .checkout-title {
        line-height: 1;
        font-size: 20px;
        font-weight: bold;
        color: #4b5056;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .checkout-payment-wrapper .checkout-title.disabled {
        color: #a9aeb2;
        margin-bottom: 20px;
    }

    .checkout-payment-wrapper .checkout-panel {
        overflow-y: auto;
        width: 55%;
        height: 100%;
        padding: 30px;
        box-sizing: border-box;
        background-color: #fff;
    }

    .checkout-payment-wrapper .checkout-panel .notice-message-section {
        margin-bottom: 40px;
        color: #4b5056;
        word-break: break-word;
    }

    .checkout-payment-wrapper .checkout-panel .notice-message-section .title {
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .checkout-payment-wrapper .checkout-panel .continue-btn {
        width: 100%;
        height: 48px;
        padding: 0;
        font-size: 18px;
        max-width: 100%;
        margin-top: 10px;
        line-height: 48px;
        border-radius: 4px;
        text-align: center;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .checkout-payment-wrapper .checkout-panel .continue-btn .fa-spinner {
        color: inherit;
        font-size: 16px;
        margin-right: 5px;
        vertical-align: revert;
    }

    .checkout-payment-wrapper .overview-panel {
        width: 45%;
        height: 100%;
        box-sizing: border-box;
        background-color: #F4F6F8;
    }

    .checkout-payment-wrapper .form-field-error {
        color: #E64751;
        line-height: 1.2;
        margin-top: 5px;
    }

    @media screen and (max-width: 980px) {
        .checkout-payment-wrapper {
            overflow-y: auto;
            flex-direction: column-reverse;
        }

        .checkout-payment-wrapper .info-item {
            display: block;
        }

        .checkout-payment-wrapper .checkout-panel,
        .checkout-payment-wrapper .overview-panel {
            width: 100%;
            overflow-y: visible;
        }

        .checkout-payment-wrapper .checkout-panel {
            margin-bottom: 16vh;
        }

        .checkout-payment-wrapper .checkout-panel .continue-btn {
            max-width: 100%;
        }

        .checkout-payment-wrapper .order-overview-container {
            padding: 30px 20px 20px 20px;
        }

        .checkout-payment-wrapper .checkout-panel {
            height: initial;
            padding: 30px 20px 20px 20px;
        }
    }
    </style>
    <style type="text/css">.buyer-checkout-dialog-wrapper {
        background: transparent;
    }

    .buyer-checkout-dialog-wrapper .s-kit-modal-body {
        padding: 0;
    }

    .buyer-checkout-dialog-wrapper .s-kit-modal-content {
        height: 100%;
        width: 800px;
        border-radius: 0;
        min-width: 360px;
        overflow: visible;
        position: relative;
    }

    .buyer-checkout-dialog-wrapper .bigger-modal .s-kit-modal-content {
        width: 980px;
    }

    .buyer-checkout-dialog-wrapper .close-modal-icon {
        position: absolute;
        top: 0px;
        right: -40px;
        color: #fff;
        z-index: 2600;
        font-size: 36px;
        font-weight: 300;
        cursor: pointer;
    }

    .buyer-checkout-dialog-wrapper .close-modal-icon::before {
        content: "\D7";
        display: block;
        font-family: "action";
    }

    @media screen and (max-width: 800px) {
        .buyer-checkout-dialog .s-kit-modal-body {
            overflow: initial;
        }

        .buyer-checkout-dialog.bigger-modal .s-kit-modal-content,
        .buyer-checkout-dialog .s-kit-modal-content {
            height: 100vh;
            width: 100vw;
        }

        .buyer-checkout-dialog .close-modal-icon {
            top: 4px;
            right: 18px;
            color: #2f2f2f;
            font-size: 30px;
        }
    }
    </style>
    <style type="text/css">.payment-success-dialog-wrapper {
        background: transparent;
    }

    .payment-success-container {
        text-align: center;
    }

    .payment-success-container .s-kit-modal-content {
        width: 560px;
    }

    .payment-success-container .success-panel .title {
        font-size: 16px;
        font-weight: 700;
        color: #4b5056;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .payment-success-container .success-panel .message {
        line-height: 1.5;
        font-size: 14px;
        color: #525A61;
        margin: 20px 0;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .payment-success-container .success-panel .download-btn {
        width: 200px;
    }

    .payment-success-container .success-panel .confirm-btn {
        width: 230px;
        height: 36px;
        padding: 0;
        font-size: 16px;
        line-height: 36px;
        border-radius: 4px;
    }

    .payment-success-container .success-panel .fa-download {
        margin-right: 4px;
    }

    @media screen and (max-width: 727px) {
        .payment-success-container .s-kit-modal-content {
            width: 100%;
            height: initial;
        }
    }
    </style>
    <style type="text/css">.stripe-payment-dialog-wrapper .s-kit-modal-body {
        padding: 0;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .title {
        font-size: 16px;
        font-weight: 700;
        color: #4b5056;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .s-form-field input {
        padding: 9px 8px 8px 40px;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .entypo-mail {
        top: 3px;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .s-btn {
        text-align: center;
    }
    </style>
    <style type="text/css">.payment-qr-code-container {
        width: 560px;
        margin: 0 auto;
    }

    .payment-qr-code-container .payment-title {
        margin: 10px 0 30px 0;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        color: #525A61;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .payment-qr-code-container .qr-code-panel {
        text-align: center;
    }

    .payment-qr-code-container .qr-code-panel canvas {
        width: 180px;
        height: 180px;
        padding: 20px;
        border: 1px solid #EBEDEF;
    }

    .payment-qr-code-container .additional-panel {
        width: 100%;
        display: table;
        margin: 0 auto;
        padding-top: 20px;
        text-align: center;
    }

    .payment-qr-code-container .payment-hint {
        padding: 1px 6px;
        font-weight: 300;
        border-radius: 4px;
        color: #60bd38;
        border: 1px solid #60bd38;
    }

    .payment-qr-code-container .payment-hint.alipay {
        color: #00AAD7;
        border: 1px solid #00AAD7;
    }

    .payment-qr-code-container .payment-action {
        color: #52616a;
        font-weight: 300;
        padding: 37px 0 10px 0;
    }

    @media screen and (max-width: 727px) {
        .payment-qr-code-container {
            width: 100%;
        }

        .payment-qr-code-container .payment-title {
            margin-top: 30px;
        }

        .s-kit-modal-content {
            height: 100vh;
        }
    }
    </style>
    <style type="text/css">.ecommerce-legal-dialog-wrapper .s-kit-modal-body {
        padding: 0;
    }

    .ecommerce-legal-dialog-wrapper .s-kit-modal-content {
        height: 100%;
        width: 800px;
        border-radius: 0;
        min-width: 360px;
        overflow: visible;
        position: relative;
    }

    .ecommerce-legal-dialog-wrapper .legal-container .legal-title {
        font-size: 20px;
        font-weight: bold;
        color: #4b5056;
        text-align: left;
        padding: 20px 0 0 40px;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .ecommerce-legal-dialog-wrapper .legal-container .legal-content {
        font-size: 15px;
        color: #4b5056;
        padding: 10px 40px;
        line-height: 1.4;
        white-space: pre-wrap;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .ecommerce-legal-dialog-wrapper .close-modal-icon {
        position: absolute;
        top: 0px;
        right: -40px;
        color: #fff;
        z-index: 2600;
        font-size: 36px;
        font-weight: 300;
        cursor: pointer;
    }

    .ecommerce-legal-dialog-wrapper .close-modal-icon::before {
        content: "\D7";
        display: block;
        font-family: "action";
    }

    @media screen and (max-width: 800px) {
        .ecommerce-legal-dialog-wrapper .s-kit-modal-body {
            overflow: initial;
        }

        .ecommerce-legal-dialog-wrapper.bigger-modal .s-kit-modal-content,
        .ecommerce-legal-dialog-wrapper .s-kit-modal-content {
            height: 100vh;
            width: 100vw;
        }

        .ecommerce-legal-dialog-wrapper .close-modal-icon {
            top: 4px;
            right: 18px;
            color: #2f2f2f;
            font-size: 30px;
        }
    }
    </style>
    <style type="text/css">.shipping-wrapper .field-section {
        margin-bottom: 20px;
    }

    .shipping-wrapper .estimated-section {
        display: flex;
        align-items: center;
        margin-top: 5px;
    }

    .shipping-wrapper .estimated-section .s-kit-label {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .shipping-wrapper .estimated-section .input {
        width: 72px;
        line-height: 1;
        text-align: center;
    }

    .shipping-wrapper .estimated-section .estimated-error {
        font-weight: 400;
        color: #E64751;
        margin-left: 6px;
    }

    .shipping-wrapper .save-btn {
        display: block;
        margin-top: 30px;
    }

    .loading-container {
        text-align: center;
        margin-top: 20vh;
        font-size: 20px;
    }

    .s-variation-default .s-common-button {
        box-shadow: none;
    }

    .s-variation-default .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-default .s-common-button {
        box-shadow: none;
    }

    .s-variation-black .s-common-button {
        box-shadow: none;
    }

    .s-variation-black .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-black .s-common-button {
        box-shadow: none;
    }

    .s-variation-blue .s-common-button {
        box-shadow: none;
    }

    .s-variation-blue .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-blue .s-common-button {
        box-shadow: none;
    }

    .s-variation-green .s-common-button {
        box-shadow: none;
    }

    .s-variation-green .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-green .s-common-button {
        box-shadow: none;
    }

    .s-variation-red .s-common-button {
        box-shadow: none;
    }

    .s-variation-red .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-red .s-common-button {
        box-shadow: none;
    }

    .s-variation-violet .s-common-button {
        box-shadow: none;
    }

    .s-variation-violet .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-violet .s-common-button {
        box-shadow: none;
    }

    .s-custom-colors .s-common-button {
        box-shadow: none;
    }

    .s-custom-colors .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-custom-colors .s-common-button {
        box-shadow: none;
    }
    </style>
    <script type="text/javascript" charset="utf-8" async=""
            src="nvp/4.b3b8067f46fed70e6a40-site-bundle.js"></script>
    <script type="text/javascript" charset="utf-8" async=""
            src="nvp/32.b3b8067f46fed70e6a40-site-bundle.js"></script>
    <script type="text/javascript" charset="utf-8" async=""
            src="nvp/49.b3b8067f46fed70e6a40-site-bundle.js"></script>
    <style type="text/css"></style>
    <style type="text/css">.product-filter-container,
    .product-filter-popup {
        width: 235px;
        padding: 0 15px 15px 15px;
    }

    .product-filter-container .editor-item,
    .product-filter-popup .editor-item {
        margin-bottom: 10px;
    }

    .product-filter-container .editor-item .label-panel,
    .product-filter-popup .editor-item .label-panel {
        display: inline-block;
        text-transform: capitalize;
    }

    .product-filter-container .editor-item .label-panel .label,
    .product-filter-popup .editor-item .label-panel .label {
        margin-right: 5px;
    }

    .product-filter-container .editor-item .label-panel .sub-label,
    .product-filter-popup .editor-item .label-panel .sub-label {
        color: #c6c9cd;
        text-transform: capitalize;
    }

    .product-filter-container .top-bar .title,
    .product-filter-popup .top-bar .title,
    .product-filter-container .list .title,
    .product-filter-popup .list .title {
        color: #4b5056;
        font-weight: bold;
    }

    .product-filter-container .top-bar .s-kit-checkbox,
    .product-filter-popup .top-bar .s-kit-checkbox,
    .product-filter-container .list .s-kit-checkbox,
    .product-filter-popup .list .s-kit-checkbox {
        vertical-align: middle;
    }

    .product-filter-container .top-bar .s-kit-checkbox .s-kit-checkbox-input,
    .product-filter-popup .top-bar .s-kit-checkbox .s-kit-checkbox-input,
    .product-filter-container .list .s-kit-checkbox .s-kit-checkbox-input,
    .product-filter-popup .list .s-kit-checkbox .s-kit-checkbox-input {
        vertical-align: text-top;
    }

    .product-filter-container .top-bar,
    .product-filter-popup .top-bar {
        display: flex;
        border-bottom: 1px solid #E2E4E7;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .product-filter-container .top-bar .title,
    .product-filter-popup .top-bar .title {
        flex: 1;
        font-size: 14px;
    }

    .product-filter-container .top-bar .reset,
    .product-filter-popup .top-bar .reset {
        margin: auto;
        font-size: 14px;
        color: #636972;
        cursor: pointer;
        text-decoration: underline;
    }

    .product-filter-container .list,
    .product-filter-popup .list {
        max-height: 1200px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .product-filter-container .list .option,
    .product-filter-popup .list .option {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #E2E4E7;
    }

    .product-filter-container .list .option.option-prices,
    .product-filter-popup .list .option.option-prices {
        padding-bottom: 0px;
    }

    .product-filter-container .list .option.option-prices .title,
    .product-filter-popup .list .option.option-prices .title {
        margin-bottom: 0px;
    }

    .product-filter-container .list .option .title,
    .product-filter-popup .list .option .title {
        margin-bottom: 10px;
        font-size: 14px;
        text-transform: capitalize;
    }

    .product-filter-container .list .option .item:not(:last-child),
    .product-filter-popup .list .option .item:not(:last-child) {
        margin-bottom: 10px;
    }

    .product-filter-container .list .option .item .label-panel,
    .product-filter-popup .list .option .item .label-panel {
        text-transform: capitalize;
        display: inline-block;
    }

    .product-filter-container .list .option .item.price-slider,
    .product-filter-popup .list .option .item.price-slider {
        padding-left: 1px;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider {
        width: 217px;
        display: inline-block;
        text-align: center;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-rail,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-rail,
    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-track,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-track {
        height: 4px;
        width: 100%;
        border-radius: 4px;
        top: 6px;
        color: #E2E4E7;
        background: #E2E4E7;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-mark-text,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-mark-text {
        color: #4b5056;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle {
        width: 16px;
        height: 16px;
        border: 1px solid #636972;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:hover,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:hover,
    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:active,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:active {
        transform: scale(1);
        box-shadow: none;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider-mark,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider-mark {
        margin-top: 10px;
    }

    .product-filter-container .list .option .item.price-slider.disabled .s-kit-slider-handle:hover,
    .product-filter-popup .list .option .item.price-slider.disabled .s-kit-slider-handle:hover,
    .product-filter-container .list .option .item.price-slider.disabled .s-kit-slider-handle:active,
    .product-filter-popup .list .option .item.price-slider.disabled .s-kit-slider-handle:active {
        transform: scale(1);
        box-shadow: none;
        border: 1px solid #636972;
    }

    .product-filter-container .list .option .view-all,
    .product-filter-popup .list .option .view-all {
        margin-top: 10px;
        margin-bottom: 10px;
        color: #636972;
        opacity: 0.6;
        padding-left: 19px;
        cursor: pointer;
        text-transform: lowercase;
    }

    .product-filter-container .list .option .view-all p,
    .product-filter-popup .list .option .view-all p {
        display: inline-block;
    }

    .product-filter-container .list .option .view-all p::first-letter,
    .product-filter-popup .list .option .view-all p::first-letter {
        text-transform: uppercase;
    }

    .product-filter-container .list .option .view-all p:hover,
    .product-filter-popup .list .option .view-all p:hover {
        text-decoration: underline;
    }

    .product-filter-popup {
        height: 80%;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .product-filter-popup .s-kit-modal-content {
        height: 100%;
        margin: 15px;
    }

    .product-filter-popup .s-kit-modal-content .s-kit-modal-body {
        padding: 30px;
    }

    .product-filter-popup .s-kit-modal-content .container {
        margin-bottom: 60px;
    }

    .product-filter-popup .s-kit-modal-content .list {
        height: auto;
        overflow: hidden;
    }

    .product-filter-popup .s-kit-modal-content .list .option .price-slider .s-kit-slider {
        width: 94%;
    }

    .product-filter-popup .s-kit-modal-content .btn {
        width: 100%;
        background-color: #fff;
        height: 100px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0px;
        position: absolute;
    }

    .product-filter-popup .s-kit-modal-content .btn .s-kit-btn {
        width: 220px;
        height: 36px;
        margin-bottom: 40px;
    }
    </style>
    <style type="text/css"
           id="s2369-0">/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
    /* stylelint-disable declaration-bang-space-before */
    /* stylelint-disable declaration-bang-space-before */
    .s-kit-modal {
        position: relative;
        width: auto;
        margin: 0 auto;
        top: 100px;
        padding-bottom: 24px;
    }

    .s-kit-modal-wrap {
        position: fixed;
        overflow: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }

    .s-kit-modal-title {
        margin: 0;
        font-size: 14px;
        line-height: 21px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.85);
    }

    .s-kit-modal-content {
        position: relative;
        background-color: #fff;
        border: 0;
        border-radius: 4px;
        background-clip: padding-box;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }

    .s-kit-modal-close {
        cursor: pointer;
        border: 0;
        background: transparent;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        transition: color .3s ease;
        color: rgba(0, 0, 0, 0.43);
        outline: 0;
    }

    .s-kit-modal-close-x {
        display: block;
        font-style: normal;
        vertical-align: baseline;
        text-align: center;
        text-transform: none;
        text-rendering: auto;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 14px;
    }

    .s-kit-modal-close-x:before {
        content: "\E633";
        display: block;
        font-family: "anticon" !important;
    }

    .s-kit-modal-close:focus,
    .s-kit-modal-close:hover {
        color: #444;
        text-decoration: none;
    }

    .s-kit-modal-header {
        padding: 13px 16px;
        border-radius: 4px 4px 0 0;
        background: #fff;
        color: rgba(0, 0, 0, 0.65);
        border-bottom: 1px solid #e9e9e9;
    }

    .s-kit-modal-body {
        padding: 16px;
        font-size: 12px;
        line-height: 1.5;
    }

    .s-kit-modal-footer {
        border-top: 1px solid #e9e9e9;
        padding: 10px 16px 10px 10px;
        text-align: right;
        border-radius: 0 0 4px 4px;
    }

    .s-kit-modal-footer button + button {
        margin-left: 8px;
        margin-bottom: 0;
    }

    .s-kit-modal.zoom-enter,
    .s-kit-modal.zoom-appear {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 0;
    }

    .s-kit-modal-mask {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: #373737;
        background-color: rgba(55, 55, 55, 0.6);
        height: 100%;
        z-index: 1000;
        filter: alpha(opacity=50);
    }

    .s-kit-modal-mask-hidden {
        display: none;
    }

    .s-kit-modal-open {
        overflow: hidden;
    }

    @media (max-width: 768px) {
        .s-kit-modal {
            width: auto !important;
            margin: 10px;
        }

        .vertical-center-modal .s-kit-modal {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }
    }

    .s-kit-confirm .s-kit-modal-header {
        display: none;
    }

    .s-kit-confirm .s-kit-modal-close {
        display: none;
    }

    .s-kit-confirm .s-kit-modal-body {
        padding: 30px 40px;
    }

    .s-kit-confirm-body-wrapper {
        zoom: 1;
    }

    .s-kit-confirm-body-wrapper:before,
    .s-kit-confirm-body-wrapper:after {
        content: " ";
        display: table;
    }

    .s-kit-confirm-body-wrapper:after {
        clear: both;
        visibility: hidden;
        font-size: 0;
        height: 0;
    }

    .s-kit-confirm-body .s-kit-confirm-title {
        color: rgba(0, 0, 0, 0.65);
        font-weight: bold;
        font-size: 14px;
    }

    .s-kit-confirm-body .s-kit-confirm-content {
        margin-left: 42px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.65);
        margin-top: 8px;
    }

    .s-kit-confirm-body > .anticon {
        font-size: 24px;
        margin-right: 16px;
        padding: 0 1px;
        float: left;
    }

    .s-kit-confirm .s-kit-confirm-btns {
        margin-top: 30px;
        float: right;
    }

    .s-kit-confirm .s-kit-confirm-btns button + button {
        margin-left: 10px;
        margin-bottom: 0;
    }

    .s-kit-confirm-error .s-kit-confirm-body > .anticon {
        color: #f04134;
    }

    .s-kit-confirm-warning .s-kit-confirm-body > .anticon,
    .s-kit-confirm-confirm .s-kit-confirm-body > .anticon {
        color: #ffbf00;
    }

    .s-kit-confirm-info .s-kit-confirm-body > .anticon {
        color: #108ee9;
    }

    .s-kit-confirm-success .s-kit-confirm-body > .anticon {
        color: #00a854;
    }
    </style>
    <style type="text/css" id="s2368-1">/*@import '../strikingly_shared/typefaces/brandon';*/
    /*@import '../strikingly_shared/typefaces/open_sans';*/
    @font-face {
        font-family: "Helvetica Neue For Number";
        src: local("Helvetica Neue");
        unicode-range: U+30-39;
    }

    @keyframes antSlideUpIn {
        0% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleY(0.8);
        }
        100% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleY(1);
        }
    }

    @keyframes antSlideUpOut {
        0% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleY(1);
        }
        100% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleY(0.8);
        }
    }

    @keyframes antPickerSlideDownIn {
        0% {
            opacity: 0;
            transform-origin: 100% 100%;
            transform: scaleY(0.8);
        }
        100% {
            opacity: 1;
            transform-origin: 100% 100%;
            transform: scaleY(1);
        }
    }

    @keyframes antPickerSlideDownOut {
        0% {
            opacity: 1;
            transform-origin: 100% 100%;
            transform: scaleY(1);
        }
        100% {
            opacity: 0;
            transform-origin: 100% 100%;
            transform: scaleY(0.8);
        }
    }

    .fade-enter,
    .fade-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .fade-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .fade-enter.fade-enter-active,
    .fade-appear.fade-appear-active {
        animation-name: antFadeIn;
        animation-play-state: running;
    }

    .fade-leave.fade-leave-active {
        animation-name: antFadeOut;
        animation-play-state: running;
    }

    .fade-enter,
    .fade-appear {
        opacity: 0;
        animation-timing-function: linear;
    }

    .fade-leave {
        animation-timing-function: linear;
    }

    @keyframes antFadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    @keyframes antFadeOut {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }

    .move-up-enter,
    .move-up-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-up-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-up-enter.move-up-enter-active,
    .move-up-appear.move-up-appear-active {
        animation-name: antMoveUpIn;
        animation-play-state: running;
    }

    .move-up-leave.move-up-leave-active {
        animation-name: antMoveUpOut;
        animation-play-state: running;
    }

    .move-up-enter,
    .move-up-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-up-leave {
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    .move-down-enter,
    .move-down-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-down-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-down-enter.move-down-enter-active,
    .move-down-appear.move-down-appear-active {
        animation-name: antMoveDownIn;
        animation-play-state: running;
    }

    .move-down-leave.move-down-leave-active {
        animation-name: antMoveDownOut;
        animation-play-state: running;
    }

    .move-down-enter,
    .move-down-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-down-leave {
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    .move-left-enter,
    .move-left-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-left-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-left-enter.move-left-enter-active,
    .move-left-appear.move-left-appear-active {
        animation-name: antMoveLeftIn;
        animation-play-state: running;
    }

    .move-left-leave.move-left-leave-active {
        animation-name: antMoveLeftOut;
        animation-play-state: running;
    }

    .move-left-enter,
    .move-left-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-left-leave {
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    .move-right-enter,
    .move-right-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-right-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-right-enter.move-right-enter-active,
    .move-right-appear.move-right-appear-active {
        animation-name: antMoveRightIn;
        animation-play-state: running;
    }

    .move-right-leave.move-right-leave-active {
        animation-name: antMoveRightOut;
        animation-play-state: running;
    }

    .move-right-enter,
    .move-right-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-right-leave {
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    @keyframes antMoveDownIn {
        0% {
            transform-origin: 0 0;
            transform: translateY(100%);
            opacity: 0;
        }
        100% {
            transform-origin: 0 0;
            transform: translateY(0%);
            opacity: 1;
        }
    }

    @keyframes antMoveDownOut {
        0% {
            transform-origin: 0 0;
            transform: translateY(0%);
            opacity: 1;
        }
        100% {
            transform-origin: 0 0;
            transform: translateY(100%);
            opacity: 0;
        }
    }

    @keyframes antMoveLeftIn {
        0% {
            transform-origin: 0 0;
            transform: translateX(-100%);
            opacity: 0;
        }
        100% {
            transform-origin: 0 0;
            transform: translateX(0%);
            opacity: 1;
        }
    }

    @keyframes antMoveLeftOut {
        0% {
            transform-origin: 0 0;
            transform: translateX(0%);
            opacity: 1;
        }
        100% {
            transform-origin: 0 0;
            transform: translateX(-100%);
            opacity: 0;
        }
    }

    @keyframes antMoveRightIn {
        0% {
            opacity: 0;
            transform-origin: 0 0;
            transform: translateX(100%);
        }
        100% {
            opacity: 1;
            transform-origin: 0 0;
            transform: translateX(0%);
        }
    }

    @keyframes antMoveRightOut {
        0% {
            transform-origin: 0 0;
            transform: translateX(0%);
            opacity: 1;
        }
        100% {
            transform-origin: 0 0;
            transform: translateX(100%);
            opacity: 0;
        }
    }

    @keyframes antMoveUpIn {
        0% {
            transform-origin: 0 0;
            transform: translateY(-100%);
            opacity: 0;
        }
        100% {
            transform-origin: 0 0;
            transform: translateY(0%);
            opacity: 1;
        }
    }

    @keyframes antMoveUpOut {
        0% {
            transform-origin: 0 0;
            transform: translateY(0%);
            opacity: 1;
        }
        100% {
            transform-origin: 0 0;
            transform: translateY(-100%);
            opacity: 0;
        }
    }

    @keyframes loadingCircle {
        0% {
            transform-origin: 50% 50%;
            transform: rotate(0deg);
        }
        100% {
            transform-origin: 50% 50%;
            transform: rotate(360deg);
        }
    }

    .slide-up-enter,
    .slide-up-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-up-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-up-enter.slide-up-enter-active,
    .slide-up-appear.slide-up-appear-active {
        animation-name: antSlideUpIn;
        animation-play-state: running;
    }

    .slide-up-leave.slide-up-leave-active {
        animation-name: antSlideUpOut;
        animation-play-state: running;
    }

    .slide-up-enter,
    .slide-up-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-up-leave {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    .slide-down-enter,
    .slide-down-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-down-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-down-enter.slide-down-enter-active,
    .slide-down-appear.slide-down-appear-active {
        animation-name: antSlideDownIn;
        animation-play-state: running;
    }

    .slide-down-leave.slide-down-leave-active {
        animation-name: antSlideDownOut;
        animation-play-state: running;
    }

    .slide-down-enter,
    .slide-down-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-down-leave {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    .slide-left-enter,
    .slide-left-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-left-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-left-enter.slide-left-enter-active,
    .slide-left-appear.slide-left-appear-active {
        animation-name: antSlideLeftIn;
        animation-play-state: running;
    }

    .slide-left-leave.slide-left-leave-active {
        animation-name: antSlideLeftOut;
        animation-play-state: running;
    }

    .slide-left-enter,
    .slide-left-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-left-leave {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    .slide-right-enter,
    .slide-right-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-right-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-right-enter.slide-right-enter-active,
    .slide-right-appear.slide-right-appear-active {
        animation-name: antSlideRightIn;
        animation-play-state: running;
    }

    .slide-right-leave.slide-right-leave-active {
        animation-name: antSlideRightOut;
        animation-play-state: running;
    }

    .slide-right-enter,
    .slide-right-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-right-leave {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    @keyframes antSlideUpIn {
        0% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleY(0.8);
        }
        100% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleY(1);
        }
    }

    @keyframes antSlideUpOut {
        0% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleY(1);
        }
        100% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleY(0.8);
        }
    }

    @keyframes antSlideDownIn {
        0% {
            opacity: 0;
            transform-origin: 100% 100%;
            transform: translate3d(0, 15px, 0);
        }
        100% {
            opacity: 1;
            transform-origin: 100% 100%;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes antSlideDownOut {
        0% {
            opacity: 1;
            transform-origin: 100% 100%;
            transform: translate3d(0, 0, 0);
        }
        100% {
            opacity: 0;
            transform-origin: 100% 100%;
            transform: translate3d(0, 15px, 0);
        }
    }

    @keyframes antSlideLeftIn {
        0% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleX(0.8);
        }
        100% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleX(1);
        }
    }

    @keyframes antSlideLeftOut {
        0% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleX(1);
        }
        100% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleX(0.8);
        }
    }

    @keyframes antSlideRightIn {
        0% {
            opacity: 0;
            transform-origin: 100% 0%;
            transform: scaleX(0.8);
        }
        100% {
            opacity: 1;
            transform-origin: 100% 0%;
            transform: scaleX(1);
        }
    }

    @keyframes antSlideRightOut {
        0% {
            opacity: 1;
            transform-origin: 100% 0%;
            transform: scaleX(1);
        }
        100% {
            opacity: 0;
            transform-origin: 100% 0%;
            transform: scaleX(0.8);
        }
    }

    .swing-enter,
    .swing-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .swing-enter.swing-enter-active,
    .swing-appear.swing-appear-active {
        animation-name: antSwingIn;
        animation-play-state: running;
    }

    @keyframes antSwingIn {
        0%,
        100% {
            transform: translateX(0);
        }
        20% {
            transform: translateX(-10px);
        }
        40% {
            transform: translateX(10px);
        }
        60% {
            transform: translateX(-5px);
        }
        80% {
            transform: translateX(5px);
        }
    }

    .zoom-enter,
    .zoom-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-enter.zoom-enter-active,
    .zoom-appear.zoom-appear-active {
        animation-name: sZoomIn;
        animation-play-state: running;
    }

    .zoom-leave.zoom-leave-active {
        animation-name: sZoomOut;
        animation-play-state: running;
    }

    .zoom-enter,
    .zoom-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-big-enter,
    .zoom-big-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-big-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-big-enter.zoom-big-enter-active,
    .zoom-big-appear.zoom-big-appear-active {
        animation-name: sZoomBigIn;
        animation-play-state: running;
    }

    .zoom-big-leave.zoom-big-leave-active {
        animation-name: sZoomBigOut;
        animation-play-state: running;
    }

    .zoom-big-enter,
    .zoom-big-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-big-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-up-enter,
    .zoom-up-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-up-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-up-enter.zoom-up-enter-active,
    .zoom-up-appear.zoom-up-appear-active {
        animation-name: sZoomUpIn;
        animation-play-state: running;
    }

    .zoom-up-leave.zoom-up-leave-active {
        animation-name: sZoomUpOut;
        animation-play-state: running;
    }

    .zoom-up-enter,
    .zoom-up-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-up-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-down-enter,
    .zoom-down-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-down-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-down-enter.zoom-down-enter-active,
    .zoom-down-appear.zoom-down-appear-active {
        animation-name: sZoomDownIn;
        animation-play-state: running;
    }

    .zoom-down-leave.zoom-down-leave-active {
        animation-name: sZoomDownOut;
        animation-play-state: running;
    }

    .zoom-down-enter,
    .zoom-down-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-down-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-left-enter,
    .zoom-left-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-left-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-left-enter.zoom-left-enter-active,
    .zoom-left-appear.zoom-left-appear-active {
        animation-name: sZoomLeftIn;
        animation-play-state: running;
    }

    .zoom-left-leave.zoom-left-leave-active {
        animation-name: sZoomLeftOut;
        animation-play-state: running;
    }

    .zoom-left-enter,
    .zoom-left-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-left-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-right-enter,
    .zoom-right-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-right-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-right-enter.zoom-right-enter-active,
    .zoom-right-appear.zoom-right-appear-active {
        animation-name: sZoomRightIn;
        animation-play-state: running;
    }

    .zoom-right-leave.zoom-right-leave-active {
        animation-name: sZoomRightOut;
        animation-play-state: running;
    }

    .zoom-right-enter,
    .zoom-right-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-right-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    @keyframes sZoomIn {
        0% {
            opacity: 0;
            transform: scale(0.2);
        }
        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

    @keyframes sZoomOut {
        0% {
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform: scale(0.2);
        }
    }

    @keyframes sZoomBigIn {
        0% {
            opacity: 0;
            transform: scale(0.9);
        }
        100% {
            transform: scale(1);
        }
    }

    @keyframes sZoomBigOut {
        0% {
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform: scale(0.9);
        }
    }

    @keyframes sZoomUpIn {
        0% {
            opacity: 0;
            transform-origin: 50% 0%;
            transform: scale(0.8);
        }
        100% {
            transform-origin: 50% 0%;
            transform: scale(1);
        }
    }

    @keyframes sZoomUpOut {
        0% {
            transform-origin: 50% 0%;
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform-origin: 50% 0%;
            transform: scale(0.8);
        }
    }

    @keyframes sZoomLeftIn {
        0% {
            opacity: 0;
            transform-origin: 0% 50%;
            transform: scale(0.8);
        }
        100% {
            transform-origin: 0% 50%;
            transform: scale(1);
        }
    }

    @keyframes sZoomLeftOut {
        0% {
            transform-origin: 0% 50%;
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform-origin: 0% 50%;
            transform: scale(0.8);
        }
    }

    @keyframes sZoomRightIn {
        0% {
            opacity: 0;
            transform-origin: 100% 50%;
            transform: scale(0.8);
        }
        100% {
            transform-origin: 100% 50%;
            transform: scale(1);
        }
    }

    @keyframes sZoomRightOut {
        0% {
            transform-origin: 100% 50%;
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform-origin: 100% 50%;
            transform: scale(0.8);
        }
    }

    @keyframes sZoomDownIn {
        0% {
            opacity: 0;
            transform-origin: 50% 100%;
            transform: scale(0.8);
        }
        100% {
            transform-origin: 50% 100%;
            transform: scale(1);
        }
    }

    @keyframes sZoomDownOut {
        0% {
            transform-origin: 50% 100%;
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform-origin: 50% 100%;
            transform: scale(0.8);
        }
    }

    .s-kit-motion-collapse {
        overflow: hidden;
    }

    .s-kit-motion-collapse-active {
        transition: height .12s, opacity .12s;
    }

    .s-kit-modal {
        top: auto;
        padding-bottom: 0;
        width: auto !important;
        min-width: 400px;
    }

    .s-kit-modal-fat-layout .s-kit-modal-content {
        padding: 10px 50px;
    }

    .s-kit-modal-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .s-kit-modal-content {
        overflow: hidden;
    }

    .s-kit-modal-mask {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .s-kit-modal-close {
        top: 22px;
        right: 24px;
        padding: 0;
    }

    .s-kit-modal-close-x {
        font-size: 30px;
        font-weight: 300;
        width: 30px;
        height: 30px;
        line-height: 26px;
    }

    .s-kit-modal-close-x:before {
        content: "\D7";
        display: block;
        font-family: "entypo";
    }

    .s-kit-modal-header {
        border-bottom: none;
        padding: 0;
        margin-top: 30px;
        margin-bottom: -8px;
    }

    .s-kit-modal-title {
        font-size: 26px;
        text-align: center;
        color: #4b5056;
    }

    .s-kit-modal-body {
        padding: 28px 30px;
        font-family: 'Open Sans', 'open_sans', sans-serif;
    }

    .s-kit-modal-body:lang(ja) {
        font-family: 'Open Sans', 'open_sans', "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
    }

    .s-kit-modal-body:lang(zh-cn),
    .s-kit-modal-body:lang(zh),
    .s-kit-modal-body:lang(sxl) {
        font-family: 'Open Sans', 'open_sans', 'PingFang SC', "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", STXihei, "\534E\6587\7EC6\9ED1", sans-serif;
    }

    .s-kit-modal-body:lang(zh-tw) {
        font-family: 'Open Sans', 'open_sans', 'PingFang TC', 'Microsoft JhengHei', "\5FAE\8EDF\6B63\9ED1\9AD4", STXihei, sans-serif;
    }

    .s-kit-modal-body h2 {
        font-size: 26px;
        color: #4b5056;
    }

    .s-kit-modal-body h4 {
        font-size: 20px;
        color: #4b5056;
        margin: 0 0;
    }

    .s-kit-modal-body p {
        font-size: 14px;
        color: #636972;
    }

    .s-kit-modal-body-content {
        text-align: left;
        max-width: 340px;
        margin-bottom: 20px;
        line-height: 1.5;
    }

    .s-kit-modal-body .s-kit-modal-btn {
        margin: 0;
    }

    .s-kit-modal-body .s-kit-modal-btn:not(:last-child) {
        margin-right: 10px;
    }
    </style>
    <script type="text/javascript" charset="utf-8" async=""
            src="nvp/24.b3b8067f46fed70e6a40-site-bundle.js"></script>
</head>
<body class="show locale-zh-CN" id="user_sites" style="" ontouchstart="" screen_capture_injected="true">
<div class="product-sxl" data-id="10970596" id="s-page-container">
    <div>
        <div id="s-content" class="s-variation-ink  s-font-heading-default s-font-title-default s-font-body-default"
             lang="zh">
            <div class="social-thumbnail">
                <div style="display: none;"><img src="nvp/Ftll6F6mH1rLzdCJfhA77STao2uG.png" width="300"
                                                 height="300" alt="thumbnail image"></div>
            </div>
            <div>
                <style id="color-style-tag"></style>
                <style id="font-style-tag"></style>
            </div>
            <div class="s-bg-image s-bg-light-text navigator s-navbar-section s-section background-image lazyloaded"
                 style="background-repeat: repeat; background-size: auto; background-color: #ec4571; background-position: 50% 50%; ">
                <div class="container">
                    <div class="columns sixteen">
                        <div class="impression">
                            <div class="left">
                                <div class="s-onyxnew-logo">
                                    <div class="s-component s-image">
                                        <div>
                                            <div class="s-component-content">
                                                <div><img src="nvp/Ftll6F6mH1rLzdCJfhA77STao2uG(1).png" alt=""
                                                          title="" class="crop-default" data-description=""></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="right">
                                <div class="vcenter">
                                    <div class="header-title">
                                        <div class="s-component s-text">
                                            <h1 class="s-component-content s-font-title"><p style="font-size: 80%;">
                                                新视点</p></h1>
                                        </div>
                                    </div>
                                    <div class="header-subtitle">
                                        <div class="s-component s-text">
                                            <h3 class="s-component-content s-font-heading"><p style="font-size: 80%;">
                                                岁月流失，而回忆留在吾记</p></h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-wrapper">
                <ul class="slides s-page-1" style="display: block;">
                    <li class="slide s-section-1 s-first-visible-section"
                        id="section-f_bfb7d094-ceb0-4682-a806-a3836b627232">
                        <div class="waypoint"></div>
                        <a class="section-anchor"></a>
                        <div>
                            <div class="s-no-bg s-bg-white s-new-text-section s-section s-text-section   background-image transition collapse-bottom-padding lazyloaded"
                                 data-react-style="{}">
                                <div class="container">
                                    <div class="clearfix">
                                        <div class="columns sixteen">
                                            <div class="s-title-group s-only-title-group ">
                                                <div class="s-title ">
                                                    <div class="s-component s-text">
                                                        <h1 class="s-component-content s-font-title"><p
                                                                style="font-size: 130%;">关于吾记</p></h1>
                                                    </div>
                                                </div>
                                                <div class="s-subtitle">
                                                    <div class="s-component s-text">
                                                        <h4 class="s-component-content s-font-heading"><p>
                                                            吾记，一款简约精致的日记本，加密记事、小情绪、生活小记、工作/学习记录，统统满足你！</p>
                                                            <p>加密、安全、简单、精致、功能强大、越用越喜欢！</p>
                                                            <p>日记、记事、笔记、便签、备忘录……适合各种记录！</p></h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="">
                                        <div class="s-mh s-repeatable">
                                            <div></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="slide s-section-2" id="section-f_62e2bd61-87ac-449e-a01d-aa6baa237a5e">
                        <div class="waypoint"></div>
                        <a class="section-anchor"></a>
                        <div class="s-bg-white s-gallery-section s-section   background-image transition collapse-bottom-padding lazyloaded"
                             data-react-style="{}">
                            <div class="container">
                                <div class="columns sixteen">
                                    <div class="s-title-group  ">
                                        <div class="s-title ">
                                            <div class="s-component s-text s-animation-page-slide_in">
                                                <h2 class="s-component-content s-font-title"><p
                                                        style="font-size: 130%;">功能介绍</p></h2>
                                            </div>
                                        </div>
                                        <div class="s-subtitle">
                                            <div class="s-component s-text s-animation-page-slide_in">
                                                <h4 class="s-component-content s-font-heading"><p>
                                                    时间轴、图文视频、相册、日历、分类、密码、导出、分享、提醒、备份...</p></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="columns sixteen" style="transition: none 0s ease 0s;">
                                    <div class="s-gallery s-vertical-gallery ">
                                        <div style="position: relative;">
                                            <div class="vertical-list"
                                                 style="height: 350.938px; width: 100%; display: block;">
                                                <div class="position-wrapper" data-index="0"
                                                     style="width: 197.6px; left: 0px; top: 0px; opacity: 1; height: 350.938px; z-index: initial;">
                                                    <div class="inner-wrapper">
                                                        <div class="s-component s-gallery-item vertical-item s-animation-page-slide_in"
                                                             data-sorting-index="0">
                                                            <div>
                                                                <div class="s-component-content">
                                                                    <div class="image-wrapper"><a class="item"
                                                                                                  data-description=""
                                                                                                  data-type="image"
                                                                                                  data-fancybox="gallery_1">
                                                                        <div><img
                                                                                src="nvp/nvp_image1.png"
                                                                                alt="" title="" class="crop-default"
                                                                                data-description=""></div>
                                                                    </a></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="position-wrapper" data-index="1"
                                                     style="width: 197.6px; left: 207.6px; top: 0px; opacity: 1; height: 350.938px; z-index: initial;">
                                                    <div class="inner-wrapper">
                                                        <div class="s-component s-gallery-item vertical-item s-animation-page-slide_in"
                                                             data-sorting-index="1">
                                                            <div>
                                                                <div class="s-component-content">
                                                                    <div class="image-wrapper"><a class="item"
                                                                                                  data-description=""
                                                                                                  data-type="image"
                                                                                                  data-fancybox="gallery_1">
                                                                        <div><img
                                                                                src="nvp/nvp_image2.png"
                                                                                alt="" title="" class="crop-default"
                                                                                data-description=""></div>
                                                                    </a></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="position-wrapper" data-index="2"
                                                     style="width: 197.6px; left: 415.2px; top: 0px; opacity: 1; height: 350.938px; z-index: initial;">
                                                    <div class="inner-wrapper">
                                                        <div class="s-component s-gallery-item vertical-item s-animation-page-slide_in"
                                                             data-sorting-index="2">
                                                            <div>
                                                                <div class="s-component-content">
                                                                    <div class="image-wrapper"><a class="item"
                                                                                                  data-description=""
                                                                                                  data-type="image"
                                                                                                  data-fancybox="gallery_1">
                                                                        <div><img
                                                                                src="nvp/nvp_image3.png"
                                                                                alt="" title="" class="crop-default"
                                                                                data-description=""></div>
                                                                    </a></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="slide s-section-3" id="section-f_00454119-7fe6-4098-8df1-7e65f053a840">
                        <div class="waypoint"></div>
                        <a class="section-anchor"></a>
                        <div>
                            <div class=" background-image transition collapse-bottom-padding lazyloaded background-image background-image background-image background-image  s-new-media-section s-section s-rows-section     background-image"
                                 data-react-style="{}">
                                <div class="container">
                                    <div class="columns sixteen">
                                        <div class="s-title-group  ">
                                            <div class="s-title ">
                                                <div class="s-component s-text s-animation-page-slide_in">
                                                    <h2 class="s-component-content s-font-title"><p
                                                            style="font-size: 130%;">吾记历程</p></h2>
                                                </div>
                                            </div>
                                            <div class="s-subtitle">
                                                <div class="s-component s-text s-animation-page-slide_in">
                                                    <h4 class="s-component-content s-font-heading"><p>以下是吾记成长的足迹</p>
                                                    </h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="s-media-right s-layout-mediaRight s-repeatable">
                                        <div>
                                            <div data-sorting-index="0" class="s-repeatable-item">
                                                <div class="clearfix">
                                                    <div class="">
                                                        <div class="fifteen columns  s-left-in-row right">
                                                            <div class="s-item-text-group  s-animation-page-slide_in">
                                                                <div class="s-item-title">
                                                                    <div class="s-component s-text">
                                                                        <h3 class="s-component-content s-font-heading">
                                                                            <p style="font-size: 80%;">吾记网页版</p></h3>
                                                                    </div>
                                                                </div>
                                                                <div class="s-item-subtitle">
                                                                    <div class="s-component s-text">
                                                                        <h6 class="s-component-content s-font-body"><p>
                                                                            2017/03/28</p></h6>
                                                                    </div>
                                                                </div>
                                                                <div class="s-item-text">
                                                                    <div class="s-component s-text">
                                                                        <div class="s-component-content s-font-body"><p>
                                                                            http://wujime.com</p></div>
                                                                    </div>
                                                                </div>
                                                                <div class=""></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-sorting-index="1" class="s-repeatable-item">
                                                <div class="clearfix">
                                                    <div class="">
                                                        <div class="fifteen columns  s-left-in-row right">
                                                            <div class="s-item-text-group  s-animation-page-slide_in">
                                                                <div class="s-item-title">
                                                                    <div class="s-component s-text">
                                                                        <h3 class="s-component-content s-font-heading">
                                                                            <p style="font-size: 80%;">吾记iPad版</p></h3>
                                                                    </div>
                                                                </div>
                                                                <div class="s-item-subtitle">
                                                                    <div class="s-component s-text">
                                                                        <h6 class="s-component-content s-font-body"><p>
                                                                            2017/03/15</p></h6>
                                                                    </div>
                                                                </div>
                                                                <div class="s-item-text">
                                                                    <div class="s-component s-text"></div>
                                                                </div>
                                                                <div class=""></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-sorting-index="2" class="s-repeatable-item">
                                                <div class="clearfix">
                                                    <div class="">
                                                        <div class="fifteen columns  s-left-in-row right">
                                                            <div class="s-item-text-group  s-animation-page-slide_in">
                                                                <div class="s-item-title">
                                                                    <div class="s-component s-text">
                                                                        <h3 class="s-component-content s-font-heading">
                                                                            <p style="font-size: 80%;">吾记Android版</p>
                                                                        </h3>
                                                                    </div>
                                                                </div>
                                                                <div class="s-item-subtitle">
                                                                    <div class="s-component s-text">
                                                                        <h6 class="s-component-content s-font-body"><p>
                                                                            2016/10/12</p></h6>
                                                                    </div>
                                                                </div>
                                                                <div class="s-item-text">
                                                                    <div class="s-component s-text"></div>
                                                                </div>
                                                                <div class=""></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-sorting-index="3" class="s-repeatable-item s-last-row">
                                                <div class="clearfix">
                                                    <div class="">
                                                        <div class="fifteen columns  s-left-in-row right">
                                                            <div class="s-item-text-group  s-animation-page-slide_in">
                                                                <div class="s-item-title">
                                                                    <div class="s-component s-text">
                                                                        <h3 class="s-component-content s-font-heading">
                                                                            <p style="font-size: 80%;">吾记iOS版</p></h3>
                                                                    </div>
                                                                </div>
                                                                <div class="s-item-subtitle">
                                                                    <div class="s-component s-text">
                                                                        <h6 class="s-component-content s-font-body"><p>
                                                                            2015/10/23</p></h6>
                                                                    </div>
                                                                </div>
                                                                <div class="s-item-text">
                                                                    <div class="s-component s-text"></div>
                                                                </div>
                                                                <div class=""></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="slide s-section-4" id="section-f_fdcbd088-0938-4cf1-aa65-c36e2ff8fa21">
                        <div class="waypoint"></div>
                        <a class="section-anchor"></a>
                        <div class=" background-image transition collapse-bottom-padding background-image lazyloaded background-image background-image background-image s-no-bg  s-block-section s-section   background-image"
                             data-react-style="{}">
                            <div class="container">
                                <div class="columns sixteen">
                                    <div class="s-title-group  ">
                                        <div class="s-title ">
                                            <div class="s-component s-text s-animation-page-slide_in">
                                                <h2 class="s-component-content s-font-title"><p
                                                        style="font-size: 130%;">更多产品</p></h2>
                                            </div>
                                        </div>
                                        <div class="s-subtitle">
                                            <div class="s-component s-text s-animation-page-slide_in">
                                                <h4 class="s-component-content s-font-heading"><p>吾记公司所属的旗下优质APP：</p>
                                                </h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="alignment-container ">
                                    <div class="s-repeatable s-block s-component s-mh">
                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-title  block-component-item">
                                            <div>
                                                <div>
                                                    <div class="s-block-item-inner clearfix"
                                                         style="position: relative;">
                                                        <div class="  columns sixteen">
                                                            <div class="s-item-title">
                                                                <div class="s-component s-text s-animation-page-slide_in">
                                                                    <h3 class="s-component-content s-font-heading"><p
                                                                            style="font-size: 80%;">知了清单</p>
                                                                        <p style="font-size: 60%;">
                                                                            待办事项(Todo)、日程管理APP</p></h3>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-rowBlock  block-component-item">
                                            <div>
                                                <div>
                                                    <div class="s-block-item-inner clearfix"
                                                         style="position: relative;">
                                                        <div class="">
                                                            <div class="s-repeatable s-block s-component s-mh s-block-row-wrapper">
                                                                <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-columnBlock s-no-last-row alpha third columns no-float block-component-item">
                                                                    <div>
                                                                        <div>
                                                                            <div class="s-block-item-inner clearfix"
                                                                                 style="position: relative;">
                                                                                <div class="">
                                                                                    <div class="s-repeatable s-block s-component s-mh">
                                                                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-nestedBlock-image image s-last-row">
                                                                                            <div>
                                                                                                <div>
                                                                                                    <div class="s-block-item-inner clearfix"
                                                                                                         style="position: relative;">
                                                                                                        <div class="">
                                                                                                            <div class="s-component s-image s-animation-page-slide_in">
                                                                                                                <div>
                                                                                                                    <div class="s-component-content">
                                                                                                                        <div>
                                                                                                                            <img src="//user-assets.sxlcdn.com/images/90195/FvRdt0nygXsdwEetsmCBVMhdLQpI.jpg?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/interlace/1/format/jpeg"
                                                                                                                                 alt=""
                                                                                                                                 title=""
                                                                                                                                 class="crop-default"
                                                                                                                                 data-description="">
                                                                                                                        </div>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-columnBlock s-no-last-row omega two-thirds column no-float block-component-item">
                                                                    <div>
                                                                        <div>
                                                                            <div class="s-block-item-inner clearfix"
                                                                                 style="position: relative;">
                                                                                <div class="">
                                                                                    <div class="s-repeatable s-block s-component s-mh">
                                                                                        <div class="s-block-item s-repeatable-item s-block-sortable-item rich-text">
                                                                                            <div>
                                                                                                <div>
                                                                                                    <div class="s-block-item-inner clearfix"
                                                                                                         style="position: relative;">
                                                                                                        <div class="">
                                                                                                            <div class="s-component s-text s-animation-page-slide_in">
                                                                                                                <div class="s-component-content s-font-body">
                                                                                                                    <p style="text-align: center;">
                                                                                                                        &nbsp;</p>
                                                                                                                    <p style="text-align: center;">
                                                                                                                        苹果和安卓扫描二维码下载：</p>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-nestedBlock-image image s-last-row">
                                                                                            <div>
                                                                                                <div>
                                                                                                    <div class="s-block-item-inner clearfix"
                                                                                                         style="position: relative;">
                                                                                                        <div class="">
                                                                                                            <div class="s-component s-image s-animation-page-slide_in">
                                                                                                                <div>
                                                                                                                    <div class="s-component-content">
                                                                                                                        <div>
                                                                                                                            <img src="//user-assets.sxlcdn.com/images/90195/FhxV5QpSEHvof_H32pbZCTT9f41T.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/format/png"
                                                                                                                                 alt=""
                                                                                                                                 title=""
                                                                                                                                 class="crop-default"
                                                                                                                                 data-description="">
                                                                                                                        </div>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="s-block-item s-repeatable-item s-block-sortable-item  separator">
                                            <div>
                                                <div>
                                                    <div class="s-block-item-inner clearfix"
                                                         style="position: relative;">
                                                        <div class="  columns sixteen">
                                                            <div class="s-separator">
                                                                <div class="s-separator-content">
                                                                    <div class="separator"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-title  block-component-item">
                                            <div>
                                                <div>
                                                    <div class="s-block-item-inner clearfix"
                                                         style="position: relative;">
                                                        <div class="  columns sixteen">
                                                            <div class="s-item-title">
                                                                <div class="s-component s-text s-animation-page-slide_in">
                                                                    <h3 class="s-component-content s-font-heading"><p
                                                                            style="font-size: 80%;">墨记</p>
                                                                        <p style="font-size: 60%;">精美排版的日记/笔记APP</p>
                                                                    </h3>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-rowBlock  block-component-item">
                                            <div>
                                                <div>
                                                    <div class="s-block-item-inner clearfix"
                                                         style="position: relative;">
                                                        <div class="">
                                                            <div class="s-repeatable s-block s-component s-mh s-block-row-wrapper">
                                                                <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-columnBlock s-no-last-row alpha third columns no-float block-component-item">
                                                                    <div>
                                                                        <div>
                                                                            <div class="s-block-item-inner clearfix"
                                                                                 style="position: relative;">
                                                                                <div class="">
                                                                                    <div class="s-repeatable s-block s-component s-mh">
                                                                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-nestedBlock-image image s-last-row">
                                                                                            <div>
                                                                                                <div>
                                                                                                    <div class="s-block-item-inner clearfix"
                                                                                                         style="position: relative;">
                                                                                                        <div class="">
                                                                                                            <div class="s-component s-image s-animation-page-slide_in">
                                                                                                                <div>
                                                                                                                    <div class="s-component-content">
                                                                                                                        <div>
                                                                                                                            <img src="//user-assets.sxlcdn.com/images/90195/Fl0sfc-FS79dOVTUuMbjR227QdCc.JPG?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png"
                                                                                                                                 alt=""
                                                                                                                                 title=""
                                                                                                                                 class="crop-default"
                                                                                                                                 data-description="">
                                                                                                                        </div>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-columnBlock s-no-last-row omega two-thirds column no-float block-component-item">
                                                                    <div>
                                                                        <div>
                                                                            <div class="s-block-item-inner clearfix"
                                                                                 style="position: relative;">
                                                                                <div class="">
                                                                                    <div class="s-repeatable s-block s-component s-mh">
                                                                                        <div class="s-block-item s-repeatable-item s-block-sortable-item rich-text">
                                                                                            <div>
                                                                                                <div>
                                                                                                    <div class="s-block-item-inner clearfix"
                                                                                                         style="position: relative;">
                                                                                                        <div class="">
                                                                                                            <div class="s-component s-text s-animation-page-slide_in">
                                                                                                                <div class="s-component-content s-font-body">
                                                                                                                    <p style="text-align: center;">
                                                                                                                        苹果和安卓扫描二维码下载：</p>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-nestedBlock-image image s-last-row">
                                                                                            <div>
                                                                                                <div>
                                                                                                    <div class="s-block-item-inner clearfix"
                                                                                                         style="position: relative;">
                                                                                                        <div class="">
                                                                                                            <div class="s-component s-image s-animation-page-slide_in">
                                                                                                                <div>
                                                                                                                    <div class="s-component-content">
                                                                                                                        <div>
                                                                                                                            <img src="//user-assets.sxlcdn.com/images/90195/Fl-ugvmOm9BUbHwvZm0688PFTrLj.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/format/png"
                                                                                                                                 alt=""
                                                                                                                                 title=""
                                                                                                                                 class="crop-default"
                                                                                                                                 data-description="">
                                                                                                                        </div>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="s-block-item s-repeatable-item s-block-sortable-item  separator">
                                            <div>
                                                <div>
                                                    <div class="s-block-item-inner clearfix"
                                                         style="position: relative;">
                                                        <div class="  columns sixteen">
                                                            <div class="s-separator">
                                                                <div class="s-separator-content">
                                                                    <div class="separator"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-title  block-component-item">
                                            <div>
                                                <div>
                                                    <div class="s-block-item-inner clearfix"
                                                         style="position: relative;">
                                                        <div class="  columns sixteen">
                                                            <div class="s-item-title">
                                                                <div class="s-component s-text s-animation-page-slide_in">
                                                                    <h3 class="s-component-content s-font-heading"><p
                                                                            style="font-size: 80%;">纪念日mDays</p>
                                                                        <p style="font-size: 60%;">精美卡片设计的倒数日/纪念日APP</p>
                                                                    </h3>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-rowBlock  block-component-item">
                                            <div>
                                                <div>
                                                    <div class="s-block-item-inner clearfix"
                                                         style="position: relative;">
                                                        <div class="">
                                                            <div class="s-repeatable s-block s-component s-mh s-block-row-wrapper">
                                                                <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-columnBlock s-no-last-row alpha third columns no-float block-component-item">
                                                                    <div>
                                                                        <div>
                                                                            <div class="s-block-item-inner clearfix"
                                                                                 style="position: relative;">
                                                                                <div class="">
                                                                                    <div class="s-repeatable s-block s-component s-mh">
                                                                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-nestedBlock-image image s-last-row">
                                                                                            <div>
                                                                                                <div>
                                                                                                    <div class="s-block-item-inner clearfix"
                                                                                                         style="position: relative;">
                                                                                                        <div class="">
                                                                                                            <div class="s-component s-image s-animation-page-slide_in">
                                                                                                                <div>
                                                                                                                    <div class="s-component-content">
                                                                                                                        <div>
                                                                                                                            <img src="//user-assets.sxlcdn.com/images/90195/FsecL5I7jMLDdsAhHIIR2uJ8csd-.jpg?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/interlace/1/format/jpg"
                                                                                                                                 alt=""
                                                                                                                                 title=""
                                                                                                                                 class="crop-default"
                                                                                                                                 data-description="">
                                                                                                                        </div>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-columnBlock s-no-last-row omega two-thirds column no-float block-component-item">
                                                                    <div>
                                                                        <div>
                                                                            <div class="s-block-item-inner clearfix"
                                                                                 style="position: relative;">
                                                                                <div class="">
                                                                                    <div class="s-repeatable s-block s-component s-mh">
                                                                                        <div class="s-block-item s-repeatable-item s-block-sortable-item rich-text">
                                                                                            <div>
                                                                                                <div>
                                                                                                    <div class="s-block-item-inner clearfix"
                                                                                                         style="position: relative;">
                                                                                                        <div class="">
                                                                                                            <div class="s-component s-text s-animation-page-slide_in">
                                                                                                                <div class="s-component-content s-font-body">
                                                                                                                    <p style="text-align: center;">
                                                                                                                        苹果和安卓扫描二维码下载</p>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="s-block-item s-repeatable-item s-block-sortable-item s-block-nestedBlock-image image s-last-row">
                                                                                            <div>
                                                                                                <div>
                                                                                                    <div class="s-block-item-inner clearfix"
                                                                                                         style="position: relative;">
                                                                                                        <div class="">
                                                                                                            <div class="s-component s-image s-animation-page-slide_in">
                                                                                                                <div>
                                                                                                                    <div class="s-component-content">
                                                                                                                        <div>
                                                                                                                            <img src="//user-assets.sxlcdn.com/images/90195/Fr0Rdammj9MrbEOyw3rohMyPZsMY.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/format/png"
                                                                                                                                 alt=""
                                                                                                                                 title=""
                                                                                                                                 class="crop-default"
                                                                                                                                 data-description="">
                                                                                                                        </div>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="slide s-section-5" id="section-f_bb0c4462-e26d-4bcb-a163-bbfa51f78f1c">
                        <div class="waypoint"></div>
                        <a class="section-anchor"></a>
                        <div>
                            <div class=" background-image transition collapse-bottom-padding background-image background-image background-image background-image  s-new-media-section s-section s-media-section     background-image lazyloaded"
                                 data-react-style="{}">
                                <div class="container">
                                    <div class="columns sixteen">
                                        <div class="s-title-group  ">
                                            <div class="s-title ">
                                                <div class="s-component s-text s-animation-page-slide_in">
                                                    <h2 class="s-component-content s-font-title"><p
                                                            style="font-size: 130%;">下载吾记</p></h2>
                                                </div>
                                            </div>
                                            <div class="s-subtitle">
                                                <div class="s-component s-text s-animation-page-slide_in">
                                                    <h4 class="s-component-content s-font-heading"><p>
                                                        苹果和安卓用户扫描二维码即可下载。</p></h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="s-mh s-layout-normal s-repeatable">
                                        <div>
                                            <div data-sorting-index="0" class="s-repeatable-item s-last-row">
                                                <div class="clearfix">
                                                    <div class="sixteen columns  center">
                                                        <div class="s-item-media-wrapper s-mhi ">
                                                            <div class="s-item-media-group">
                                                                <div class="s-component s-media  s-animation-page-slide_in">
                                                                    <div>
                                                                        <div class="s-component-content">
                                                                            <div>
                                                                                <div class="s-ratio-box"
                                                                                     style="max-width: 260px; max-height: 260px;">
                                                                                    <div class="s-ratio-fill"
                                                                                         style="padding-bottom: 100%;"></div>
                                                                                    <div><img alt="" title=""
                                                                                              class="crop-default lazyloaded"
                                                                                              data-description=""
                                                                                              width="260" height="260"
                                                                                              src="//user-assets.sxlcdn.com/images/90195/FnLJQUb_BW8EbU3nS9rNP4W7gSz5.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/format/png"
                                                                                              data-src="//user-assets.sxlcdn.com/images/90195/FnLJQUb_BW8EbU3nS9rNP4W7gSz5.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/format/png">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="slide s-section-6" id="section-f_8eee1855-f921-4bc7-9249-b43ddf9a5918">
                        <div class="waypoint"></div>
                        <a class="section-anchor"></a>
                        <div>
                            <div class=" background-image transition collapse-bottom-padding background-image background-image background-image background-image s-no-bg s-bg-white s-new-text-section s-section s-text-section   background-image lazyloaded"
                                 data-react-style="{}">
                                <div class="container">
                                    <div class="clearfix">
                                        <div class="columns sixteen">
                                            <div class="s-title-group  ">
                                                <div class="s-title ">
                                                    <div class="s-component s-text s-animation-page-slide_in">
                                                        <h2 class="s-component-content s-font-title"><p
                                                                style="font-size: 130%;">联系我们</p></h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="">
                                        <div class="s-mh s-repeatable">
                                            <div>
                                                <div data-sorting-index="0"
                                                     class="sixteen columns no-float s-repeatable-item s-last-row">
                                                    <div class="s-mhi">
                                                        <div class="s-item-text-group  s-animation-page-slide_in">
                                                            <div class="s-item-text">
                                                                <div class="s-component s-text">
                                                                    <div class="s-component-content s-font-body"><p
                                                                            style="text-align: left;">
                                                                        安卓QQ群：583737064</p>
                                                                        <p style="text-align: left;">苹果QQ群：633501751</p>
                                                                        <p style="text-align: left;">官方微博（新浪）：@吾记君</p>
                                                                        <p style="text-align: left;">
                                                                            官方微信公众号：吾记君（ID：wuji-app）</p></div>
                                                                </div>
                                                            </div>
                                                            <div class="left-align"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="slide s-section-7" id="section-f_44817b51-c546-4d38-8154-ce84c769e4bc">
                        <div class="waypoint"></div>
                        <a class="section-anchor"></a>
                        <div class=" background-image transition collapse-bottom-padding background-image background-image background-image background-image s-no-bg s-bg-white s-contact-section s-section   background-image lazyloaded"
                             data-react-style="{}">
                            <div class="container">
                                <div class="columns sixteen">
                                    <div class="s-title-group  ">
                                        <div class="s-title ">
                                            <div class="s-component s-text s-animation-page-slide_in">
                                                <h2 class="s-component-content s-font-title"><p
                                                        style="font-size: 130%;">给我留言</p></h2>
                                            </div>
                                        </div>
                                        <div class="s-subtitle">
                                            <div class="s-component s-text s-animation-page-slide_in">
                                                <h4 class="s-component-content s-font-heading"><p>合作事宜，请在下方留言</p></h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="s-contact-section-columns s-two-columns ">
                                        <div class="s-contact-info-column">
                                            <div class="s-component s-form s-contact-info-form s-animation-page-slide_in">
                                                <div>
                                                    <div class="s-component-content">
                                                        <div class="s-contact-info-list">
                                                            <div class="s-contact-info-item s-font-body"><a
                                                                    href="mailto:wujiteam@163.com">
                                                                <div class="s-contact-info-icon">
                                                                    <div class="entypo-mail"></div>
                                                                </div>
                                                                <div class="s-contact-info-text">wujiteam@
                                                                    <wbr>
                                                                    163.com
                                                                </div>
                                                            </a></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="s-email-column">
                                            <div class="s-component s-form s-email-form s-animation-page-slide_in">
                                                <div>
                                                    <div class="s-component-content">
                                                        <div>
                                                            <div class="s-email-form-fields-group">
                                                                <div class="s-email-form-inputs-group s-email-form-small-fields-2">
                                                                    <div class="s-email-form-small-fields-group">
                                                                        <div class="s-email-form-field s-name-field">
                                                                            <div class="s-font-body">
                                                                                <label>姓名</label><input type="text">
                                                                            </div>
                                                                        </div>
                                                                        <div class="s-email-field s-email-form-field">
                                                                            <div class="s-font-body">
                                                                                <label>邮箱</label><input type="text">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="s-email-form-field s-message-field">
                                                                        <div class="s-font-body">
                                                                            <label>留言</label><textarea
                                                                                type="text"></textarea></div>
                                                                    </div>
                                                                </div>
                                                                <div class="s-email-form-field s-submit-field">

                                                                    <a class="s-email-form-button s-common-button s-font-body">
                                                                        提交
                                                                    </a></div>
                                                                <div class="s-email-form-field s-hp-field"
                                                                     style="display: none;"><label>Comment</label><input
                                                                        type="text"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="waypoint"></div>
                    </li>
                </ul>
            </div>
            <div id="strikingly-tooltip-container"></div>
            <div class="lazyload  s-bg-white s-footer-section s-section    background-image transition"
                 data-react-style="{}">
                <div class="container s-layout-vertical">
                    <div class="columns sixteen ">
                        <div>
                            <div class="waypoint"></div>
                        </div>
                        <div class="s-footer-text">
                            <div class="s-component s-text s-animation-page-slide_in-before">
                                <div class="s-component-content s-font-body"><p>Copyright 2015-2019</p></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="s-footer-logo-wrapper" style="width: 100%;">
                <div class="s-component s-footer-logo "
                     style="display: block; bottom: 0px; position: absolute;"><span><a
                        class="logo-link logo-link-sxl fixed animate-hide" target="_parent"
                        href="https://www.sxl.cn/?ref=logo&amp;permalink=denglin&amp;custom_domain=&amp;utm_campaign=footer_pbs&amp;utm_content=https%3A%2F%2Fdenglin.mysxl.cn%2F&amp;utm_medium=user_page&amp;utm_source=90195&amp;utm_term=pbs_a">
        上线了免费建站
      </a><div class="logo-hover logo-hover-sxl"></div><div class="s-footer-logo-tooltip"><div
                        class="tooltip-container"><div class="tooltip-white">
            开始用上线了创建自己的网站
          </div></div></div></span></div>
            </div>
            <div id="ecommerce-drawer" class="s-category-drawer-wrapper"></div>
            <div id="blog-category-drawer" class="s-category-drawer-wrapper"></div>
            <div class="s-floated-components">
                <div></div>
                <div id="s-ecommerce-shopping-cart-wrapper" class="s-ecommerce-shopping-cart-wrapper no-cart"></div>
                <div id="fixedContainer">
                    <div id="fixedLoginContainer" class="fixed-login-container"></div>
                    <div id="fixedMultiLangSwitcher" class="fixed-multi-lang-container"></div>
                </div>
                <div id="s-new-mobile-actions-wrapper" class="">
                    <ul class="s-mobile-actions clearfix s-font-body"></ul>
                </div>
            </div>
            <div class="shipping-wrapper"></div>
            <div class="social-thumbnail">
                <div id="lw-share-data" style="display: none;">
                    <div class="lws-title">吾记官网-简单精致的日记APP</div>
                    <div class="lws-description">
                        吾记是一款简单精致的日记/笔记APP，目前已经支持iOS、Android、电脑版本，数据互通。可用于日记本、笔记本、记事本、备忘录、便签等，数百万用户的安心之选！
                    </div>
                    <div class="lws-image">
                        https://user-assets.sxlcdn.com/images/90195/Ftll6F6mH1rLzdCJfhA77STao2uG.png?imageMogr2/strip/auto-orient/thumbnail/1200x630&gt;/format/png
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="fb-root"></div>
<div id="app-script-root"></div>
<div id="app-view-root"></div>
<div class="s-cookie-notification-bar" style="position: fixed; bottom: -1000px !important;">
    <div class="cookie-notification-title">Cookie Use</div>
    <span class="cookie-notification-text">我们使用cookies来确保流畅的浏览体验。若继续，我们认为你接受使用cookies。</span>
    <div>
        <button>确认</button>
    </div>
    <a href="http://denglin.mysxl.cn/pages/cookie-policy" target="_blank">了解更多</a>
</div>
<script src="nvp/jquery.min.js" defer="defer"></script>
<script>
    window.jQuery || document.write('<script src="https://static-assets.sxlcdn.com/jquery-f4e2137d267f77818d966e03df031337a38003039d43f15029422ddd171e14c4.js" defer="defer"><\/script>');
</script>
<script src="nvp/jquery-f4e2137d267f77818d966e03df031337a38003039d43f15029422ddd171e14c4.js"
        defer="defer"></script>
<!-- removing_gon has activated 100%, so we add not_removing_gon rollout for specific user -->
<script async="" src="nvp/show.js" type="text/javascript"></script>
<script>
    var _gaq = _gaq || [];

    // Google Analytics (Universal) Setup
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
            m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', '__ga');
</script>

<div id="s-support-widget-container"></div>
<!-- CUSTOM_CODE_START -->
<!-- CUSTOM_CODE_END -->

<script src="nvp/i18n-2ace11ac644d0b40fb8b7cb65e9dd1e553022750e0254118dacbe1fe50735e97.js"
        async="async"></script>
<script>
    window.pingpp = {}
</script>
</body>
</html>